diff --git a/frontend/src/components/Dial.vue b/frontend/src/components/Dial.vue
index fd4b46be..c24604c3 100644
--- a/frontend/src/components/Dial.vue
+++ b/frontend/src/components/Dial.vue
@@ -89,7 +89,7 @@
       <v-spacer></v-spacer>
       <v-menu v-model="menu" :close-on-content-click="false" location="start">
         <template v-slot:activator="{ props }">
-          <v-btn v-bind="props" hide-details>{{ $t('dial.options') }}</v-btn>
+          <v-btn v-bind="props" hide-details variant="tonal">{{ $t('dial.options') }}</v-btn>
         </template>
         <v-card>
           <v-list>
diff --git a/frontend/src/components/Listen.vue b/frontend/src/components/Listen.vue
index 203f0d59..1f48772c 100644
--- a/frontend/src/components/Listen.vue
+++ b/frontend/src/components/Listen.vue
@@ -82,7 +82,7 @@
       <v-spacer></v-spacer>
       <v-menu v-model="menu" :close-on-content-click="false" location="start">
         <template v-slot:activator="{ props }">
-          <v-btn v-bind="props" hide-details>{{ $t('listen.options') }}</v-btn>
+          <v-btn v-bind="props" hide-details variant="tonal">{{ $t('listen.options') }}</v-btn>
         </template>
         <v-card>
           <v-list>
diff --git a/frontend/src/components/Main.vue b/frontend/src/components/Main.vue
index 20446058..deacf30c 100644
--- a/frontend/src/components/Main.vue
+++ b/frontend/src/components/Main.vue
@@ -16,7 +16,7 @@
         <v-col cols="auto">
           <v-dialog v-model="menu" :close-on-content-click="false" transition="scale-transition" max-width="800">
             <template v-slot:activator="{ props }">
-              <v-btn v-bind="props" variant="tonal">{{ $t('main.tiles') }} <v-icon icon="mdi-star-plus" /></v-btn>
+              <v-btn v-bind="props" hide-details variant="tonal">{{ $t('main.tiles') }} <v-icon icon="mdi-star-plus" /></v-btn>
             </template>
             <v-card rounded="xl">
               <v-card-title>
diff --git a/frontend/src/components/protocols/Hysteria.vue b/frontend/src/components/protocols/Hysteria.vue
index d54371c4..4be9ca21 100644
--- a/frontend/src/components/protocols/Hysteria.vue
+++ b/frontend/src/components/protocols/Hysteria.vue
@@ -87,7 +87,7 @@
       <v-spacer></v-spacer>
       <v-menu v-model="menu" :close-on-content-click="false" location="start">
         <template v-slot:activator="{ props }">
-          <v-btn v-bind="props" hide-details>{{ $t('types.hy.hyOptions') }}</v-btn>
+          <v-btn v-bind="props" hide-details variant="tonal">{{ $t('types.hy.hyOptions') }}</v-btn>
         </template>
         <v-card>
           <v-list>
diff --git a/frontend/src/components/protocols/Hysteria2.vue b/frontend/src/components/protocols/Hysteria2.vue
index b54c27a9..1f220313 100644
--- a/frontend/src/components/protocols/Hysteria2.vue
+++ b/frontend/src/components/protocols/Hysteria2.vue
@@ -59,7 +59,7 @@
       <v-spacer></v-spacer>
       <v-menu v-model="menu" :close-on-content-click="false" location="start">
         <template v-slot:activator="{ props }">
-          <v-btn v-bind="props" hide-details>{{ $t('types.hy.hy2Options') }}</v-btn>
+          <v-btn v-bind="props" hide-details variant="tonal">{{ $t('types.hy.hy2Options') }}</v-btn>
         </template>
         <v-card>
           <v-list>
diff --git a/frontend/src/components/protocols/Ssh.vue b/frontend/src/components/protocols/Ssh.vue
index fdf3d4df..97a89646 100644
--- a/frontend/src/components/protocols/Ssh.vue
+++ b/frontend/src/components/protocols/Ssh.vue
@@ -77,7 +77,7 @@
       <v-spacer></v-spacer>
       <v-menu v-model="menu" :close-on-content-click="false" location="start">
           <template v-slot:activator="{ props }">
-            <v-btn v-bind="props" hide-details>{{ $t('types.ssh.options') }}</v-btn>
+            <v-btn v-bind="props" hide-details variant="tonal">{{ $t('types.ssh.options') }}</v-btn>
           </template>
           <v-card>
             <v-list>
diff --git a/frontend/src/components/protocols/UrlTest.vue b/frontend/src/components/protocols/UrlTest.vue
index 8eebd8d4..298c97e1 100644
--- a/frontend/src/components/protocols/UrlTest.vue
+++ b/frontend/src/components/protocols/UrlTest.vue
@@ -55,7 +55,7 @@
       <v-spacer></v-spacer>
       <v-menu v-model="menu" :close-on-content-click="false" location="start">
           <template v-slot:activator="{ props }">
-            <v-btn v-bind="props" hide-details>{{ $t('types.lb.urlTestOptions') }}</v-btn>
+            <v-btn v-bind="props" hide-details variant="tonal">{{ $t('types.lb.urlTestOptions') }}</v-btn>
           </template>
           <v-card>
             <v-list>
diff --git a/frontend/src/components/protocols/Wireguard.vue b/frontend/src/components/protocols/Wireguard.vue
index 91f10b2d..4c2b7c2a 100644
--- a/frontend/src/components/protocols/Wireguard.vue
+++ b/frontend/src/components/protocols/Wireguard.vue
@@ -61,7 +61,7 @@
       <v-spacer></v-spacer>
       <v-menu v-model="menu" :close-on-content-click="false" location="start">
         <template v-slot:activator="{ props }">
-          <v-btn v-bind="props" hide-details>{{ $t('types.wg.options') }}</v-btn>
+          <v-btn v-bind="props" hide-details variant="tonal">{{ $t('types.wg.options') }}</v-btn>
         </template>
         <v-card>
           <v-list>
diff --git a/frontend/src/layouts/modals/Tls.vue b/frontend/src/layouts/modals/Tls.vue
index 5c3219da..fa1fb8fe 100644
--- a/frontend/src/layouts/modals/Tls.vue
+++ b/frontend/src/layouts/modals/Tls.vue
@@ -227,7 +227,7 @@
             <v-spacer></v-spacer>
             <v-menu v-model="menu" :close-on-content-click="false" location="start">
               <template v-slot:activator="{ props }">
-                <v-btn v-bind="props" hide-details>{{ $t('tls.options') }}</v-btn>
+                <v-btn v-bind="props" hide-details variant="tonal">{{ $t('tls.options') }}</v-btn>
               </template>
               <v-card>
                 <v-list>