diff --git a/src/common/assets/highlight.module.css b/src/common/assets/highlight.module.css
index d6832f6..eb428d1 100644
--- a/src/common/assets/highlight.module.css
+++ b/src/common/assets/highlight.module.css
@@ -78,10 +78,8 @@
 
 .hr {
     border: none;
-    border-top: 1px solid var(--hrColor, #555);
+    border-bottom: 1px solid var(--hrColor, #555);
     margin: 0.5em 0;
-
-    &.inline {
-        margin-top: -0.5em;
-    }
+    display: block;
+    text-align: center;
 }
\ No newline at end of file
diff --git a/src/common/highlight.ts b/src/common/highlight.ts
index 7156a4c..3be9354 100644
--- a/src/common/highlight.ts
+++ b/src/common/highlight.ts
@@ -117,7 +117,7 @@ export const highlight = (message: string, keepMarkup = true): string => {
         }
 
         if (token === '***' || token === '---') {
-            resultHTML += `${keepToken ? token : ''}<hr class="${clsx(styles.hr, keepToken && styles.inline)}"/>`;
+            resultHTML += `<span class="${styles.hr}">${keepToken ? token : ''}</span>`;
         } else if (isClose) {
             stack.pop();
             resultHTML += `${keepToken ? token : ''}</span>`;