diff --git a/com.twin.app.shoptime/src/components/SectionTitle/SectionTitle.jsx b/com.twin.app.shoptime/src/components/SectionTitle/SectionTitle.jsx
index 3f48cc5c..874c481c 100644
--- a/com.twin.app.shoptime/src/components/SectionTitle/SectionTitle.jsx
+++ b/com.twin.app.shoptime/src/components/SectionTitle/SectionTitle.jsx
@@ -15,8 +15,8 @@ export default memo(function SectionTitle({
       className={classNames(className ? className : css.sectionTitle)}
       {...rest}
     >
-      <span />
-      {itemCount ? <>{`${title + " (" + itemCount + ")"}`}</> : <>{title}</>}
+      {title}
+      {itemCount && <span>({itemCount})</span>}
     </h2>
   );
 });
diff --git a/com.twin.app.shoptime/src/components/SectionTitle/SectionTitle.module.less b/com.twin.app.shoptime/src/components/SectionTitle/SectionTitle.module.less
index 37256ec0..8b66caec 100644
--- a/com.twin.app.shoptime/src/components/SectionTitle/SectionTitle.module.less
+++ b/com.twin.app.shoptime/src/components/SectionTitle/SectionTitle.module.less
@@ -7,10 +7,15 @@
   .font(@fontFamily: @baseFontBold, @fontSize: 42px);
   color: @COLOR_GRAY08;
 
-  span {
+  &::before {
     display: inline-block;
+    content: "";
     .size(@w: 6px, @h: 36px);
     margin-right: 12px;
     background-color: @PRIMARY_COLOR_RED;
   }
+
+  span {
+    margin-left: 10px;
+  }
 }