Fix display property on RichTextEditor error toast (#9525)

pixiebrix · Nov 15, 2024 · 1b01808 · 1b01808
1 parent 4af5865
commit 1b01808
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/applications/browser-extension/src/components/richTextEditor/ErrorToast.tsx b/applications/browser-extension/src/components/richTextEditor/ErrorToast.tsx
@@ -35,10 +35,12 @@ const ErrorToast: React.FC<ErrorToastProps> = ({ error, onClose }) => (
     animation={false}
     delay={5000}
   >
+    <span>
     <FontAwesomeIcon className="mr-2" icon={faExclamationCircle} /> {error}
     <Button variant="outline-danger" onClick={onClose}>
       <FontAwesomeIcon icon={faTimes} />
     </Button>
+      </span>
   </Toast>
 );
 

diff --git a/applications/browser-extension/src/components/richTextEditor/RichTextEditor.module.scss b/applications/browser-extension/src/components/richTextEditor/RichTextEditor.module.scss
@@ -44,15 +44,18 @@
 }
 
 .error {
-  display: flex !important;
-  align-items: center;
   color: #dc3545;
   padding: 4px 8px;
   font-size: 0.875rem;
   position: absolute;
   bottom: 4px;
   left: 4px;
 
+  span {
+    display: flex;
+    align-items: center;
+  }
+
   :global(.btn) {
     margin-left: 8px;
     color: #dc3545;