diff --git a/resources/assets/src/components/Toast.tsx b/resources/assets/src/components/Toast.tsx
index ebea5cd5..965b6056 100644
--- a/resources/assets/src/components/Toast.tsx
+++ b/resources/assets/src/components/Toast.tsx
@@ -48,10 +48,10 @@ const Toast: React.FC<Props> = props => {
   return (
     <div className={styles.toast} style={{ top: `${props.distance}px` }}>
       <div className={classes.join(' ')} role={role}>
-        <span className="mr-auto">
+        <span className="mr-1 d-flex align-items-center">
           <i className={`icon fas fa-${icons.get(props.type)}`}></i>
-          <span>{props.children}</span>
         </span>
+        <span>{props.children}</span>
         <button
           type="button"
           className="mr-2 ml-1 close"
@@ -64,6 +64,4 @@ const Toast: React.FC<Props> = props => {
   )
 }
 
-Toast.displayName = 'Toast'
-
 export default Toast