diff --git a/src/index.css b/src/index.css
index dab4471..d6b027d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -19,14 +19,23 @@
   background: transparent;
 }
 
-::-webkit-scrollbar-thumb {
-  @apply rounded-box bg-primary;
-}
-
 ::-webkit-scrollbar:vertical {
-  width: 6px;
+  width: 0px;
 }
 
 ::-webkit-scrollbar:horizontal {
-  height: 6px;
+  height: 0px;
+}
+
+@media (min-width: 640px) {
+  ::-webkit-scrollbar-thumb {
+    @apply rounded-box bg-primary;
+  }
+  ::-webkit-scrollbar:vertical {
+    width: 6px;
+  }
+
+  ::-webkit-scrollbar:horizontal {
+    height: 6px;
+  }
 }
diff --git a/src/pages/Rules.tsx b/src/pages/Rules.tsx
index 2eae057..386dae0 100644
--- a/src/pages/Rules.tsx
+++ b/src/pages/Rules.tsx
@@ -72,10 +72,10 @@ export default () => {
 
       <Show when={rulesProviders().length > 0}>
         <div class="flex-1">
-          <h1 class="flex h-11 items-center pb-4 text-lg font-semibold">
+          <h1 class="flex h-11 items-center gap-2 pb-4 text-lg font-semibold">
             {t('ruleProviders')}
             <Button
-              class="btn-circle btn-ghost btn-sm ml-2"
+              class="btn-circle btn-sm"
               disabled={allProviderIsUpdating()}
               onClick={(e) => onUpdateAllProviderClick(e)}
             >