fixed months passed label

src/components/comment/CommentContent/index.tsx

@@ -84,10 +84,9 @@ const CommentContent: FC<IProps> = memo(
 
     return (
       <div className={styles.wrap}>
+        {!!prefix && <div className={styles.prefix}>{prefix}</div>}
         {comment.text.trim() && (
           <Group className={classnames(styles.block, styles.block_text)}>
-            {!!prefix && <div className={styles.prefix}>{prefix}</div>}
-
             {menu}
 
             <Group className={styles.renderers}>

src/components/comment/CommentContent/styles.module.scss

@@ -2,8 +2,8 @@
 @import "~flexbin/flexbin";
 
 .wrap {
-  position: relative;
   @include row_shadow;
+  position: relative;
 }
 
 .lock,
@@ -163,13 +163,10 @@
 }
 
 .prefix {
-  display: inline-flex;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  transform: translate(0, -50%);
+  @include row_shadow;
+
+  margin-top: 1px;
+  display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 10;
 }

src/components/comment/CommentDistance/styles.module.scss

@@ -1,13 +1,10 @@
 @import "src/styles/variables";
 
 .bar {
-  @include inner_shadow;
-
   font: $font_12_regular;
-  color: darken(white, 50%);
-  background: $content_bg;
-  display: inline-flex;
-  padding: 1px 10px 3px;
-  border-radius: 12px;
+  color: darken(white, 70%);
   user-select: none;
+  width: 100%;
+  text-align: center;
+  padding: 0 0 2px;
 }