diff --git a/src/pages/Proxies.tsx b/src/pages/Proxies.tsx
index bde536b..dc5ae09 100644
--- a/src/pages/Proxies.tsx
+++ b/src/pages/Proxies.tsx
@@ -37,10 +37,7 @@ export default () => {
 
   const onSpeedTestClick = async (e: MouseEvent, name: string) => {
     e.stopPropagation()
-    setSpeedTestingMap(
-      name,
-      async () => await latencyTestByProxyGroupName(name),
-    )
+    setSpeedTestingMap(name, () => latencyTestByProxyGroupName(name))
   }
 
   return (
diff --git a/src/pages/ProxyProvider.tsx b/src/pages/ProxyProvider.tsx
index 2660a1e..58fb7d8 100644
--- a/src/pages/ProxyProvider.tsx
+++ b/src/pages/ProxyProvider.tsx
@@ -34,17 +34,14 @@ export default () => {
     useStringBooleanMap()
   const [allProviderIsUpdating, setAllProviderIsUpdating] = createSignal(false)
 
-  const onHealthCheckClick = async (e: MouseEvent, name: string) => {
+  const onHealthCheckClick = (e: MouseEvent, name: string) => {
     e.stopPropagation()
-    setHealthCheckingMap(
-      name,
-      async () => await healthCheckByProviderName(name),
-    )
+    setHealthCheckingMap(name, () => healthCheckByProviderName(name))
   }
 
-  const onUpdateProviderClick = async (e: MouseEvent, name: string) => {
+  const onUpdateProviderClick = (e: MouseEvent, name: string) => {
     e.stopPropagation()
-    setUpdateingMap(name, async () => await updateProviderByProviderName(name))
+    setUpdateingMap(name, () => updateProviderByProviderName(name))
   }
 
   const onUpdateAllProviderClick = async (e: MouseEvent) => {
diff --git a/src/pages/Rules.tsx b/src/pages/Rules.tsx
index 9501d28..0c94313 100644
--- a/src/pages/Rules.tsx
+++ b/src/pages/Rules.tsx
@@ -40,7 +40,7 @@ export default () => {
   }
 
   return (
-    <div class="flex w-full flex-row gap-4">
+    <div class="flex w-full gap-4">
       <div class="flex-1">
         <h1 class="pb-4 text-lg font-semibold">{t('rules')}</h1>
 
@@ -82,11 +82,11 @@ export default () => {
           <For each={rulesProviders()}>
             {(rulesProvider) => (
               <div class="card card-bordered card-compact mb-2 bg-base-200 p-4">
-                <div class="flex h-6 items-center justify-between">
-                  <span>
+                <div class="flex items-center justify-between">
+                  <div class="break-all">
                     {rulesProvider.name} ({rulesProvider.ruleCount})
-                  </span>
-                  <div>
+                  </div>
+                  <div class="h-6">
                     <Button
                       class="btn-circle btn-sm mr-2"
                       onClick={(e) =>