diff --git a/WebUI/src/assets/css/main.css b/WebUI/src/assets/css/main.css
index df661f8b..30e151c5 100644
--- a/WebUI/src/assets/css/main.css
+++ b/WebUI/src/assets/css/main.css
@@ -332,12 +332,11 @@ textarea {
   z-index: 99;
 
   .panel-tab {
+    padding: 3px;
     width: 110px;
-    height: 30px;
     font-size: 14px;
     border-radius: 8px;
     border: 1px solid rgba(255, 255, 255, 0.2);
-    line-height: 30px;
 
     &.active {
       background-color: #26272c;
diff --git a/WebUI/src/views/AppSettings.vue b/WebUI/src/views/AppSettings.vue
index d87a93eb..c4f97d56 100644
--- a/WebUI/src/views/AppSettings.vue
+++ b/WebUI/src/views/AppSettings.vue
@@ -3,8 +3,8 @@
     id="app-settings-panel"
     class="settings-panel absolute right-0 top-0 h-full bg-color-bg-main text-sm text-white py-4"
   >
-    <div class="flex justify-between items-center px-3">
-      <div class="flex items-center gap-2">
+    <div class="flex justify-between px-3">
+      <div class="flex items-stretch gap-2">
         <button class="panel-tab" :class="{ active: tabIndex == 0 }" @click="tabIndex = 0">
           {{ languages.SETTINGS_TAB_IMAGE }}
         </button>