diff --git a/src/components/MessageDivider/MessageDivider.scss b/src/components/MessageDivider/MessageDivider.scss
index 38f7539d..bb3ee7a0 100644
--- 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
index 259a8c20..dc783d8d 100644
--- 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 = {