diff --git a/web/src/components/layout/scaffold/Tabs.vue b/web/src/components/layout/scaffold/Tabs.vue
index 4a309f611..14e0b9060 100644
--- a/web/src/components/layout/scaffold/Tabs.vue
+++ b/web/src/components/layout/scaffold/Tabs.vue
@@ -16,7 +16,7 @@
       />
       <Icon v-else name="blank" class="md:hidden" />
       <span
-        class="flex gap-2 items-center md:justify-center flex-row py-1 px-2 w-full min-w-20 dark:hover:bg-wp-background-100 hover:bg-wp-background-200 rounded-md sm:pl-[0.6rem] md:pl-0"
+        class="flex gap-2 items-center md:justify-center flex-row py-1 w-full min-w-20 dark:hover:bg-wp-background-100 hover:bg-wp-background-200 rounded-md sm:pl-2.5 md:pl-2 sm:pr-2"
       >
         <Icon v-if="tab.icon" :name="tab.icon" :class="tab.iconClass" class="flex-shrink-0" />
         <span>{{ tab.title }}</span>