fix: make custom css

edx · Nov 20, 2024 · 7c6e7c7 · 7c6e7c7
1 parent 1446ea5
commit 7c6e7c7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/components/MessageDivider/MessageDivider.scss b/src/components/MessageDivider/MessageDivider.scss
@@ -1,20 +1,20 @@
 @use '../../utils/variables';
 
-divider {
+.message-divider {
   display: flex;
   font-size: 15px;
 }
-divider:before, divider:after{
+.message-divider:before, .message-divider:after{
   content: "";
   flex: 1 1;
   border-bottom: 1px solid;
   margin: auto;
 }
-divider:before {
+.message-divider:before {
   margin-right: 10px;
   margin-left: 10px;
 }
-divider:after {
+.message-divider:after {
   margin-right: 10px;
   margin-left: 10px;
 }
diff --git a/src/components/MessageDivider/index.jsx b/src/components/MessageDivider/index.jsx
@@ -3,9 +3,9 @@ import './MessageDivider.scss';
 import PropTypes from 'prop-types';
 
 const MessageDivider = ({ text }) => (
-  <divider>
+  <div className="message-divider">
     {text}
-  </divider>
+  </div>
 );
 
 MessageDivider.propTypes = {