diff --git a/src/components/BrandScroll/BrandScroll.vue b/src/components/BrandScroll/BrandScroll.vue
index e3f0afd..36628a9 100644
--- a/src/components/BrandScroll/BrandScroll.vue
+++ b/src/components/BrandScroll/BrandScroll.vue
@@ -188,7 +188,8 @@ watch([scroll, () => props.shop], () => {
     pointer-events: none;
     .handle {
       position: absolute;
-      width: 77px;
+      right: 0;
+      min-width: 77px;
       height: 32px;
       background: center / cover no-repeat url(./handle.png);
       font-family: 'Montserrat';
@@ -198,10 +199,12 @@ watch([scroll, () => props.shop], () => {
       line-height: 32px;
       color: rgba(0, 0, 0, 0.8);
       text-align: center;
-      padding-right: 6px;
-      display: flex;
+      padding-right: 11px;
+      padding-left: 5px;
+      display: inline-flex;
       justify-content: center;
       align-items: center;
+      white-space: nowrap;
     }
   }
   &.guide {