From e82d54e5da3242b32d5f971cd53551508a51a6a1 Mon Sep 17 00:00:00 2001
From: Christian Beeznest <christian.fasanando@beeznest.com>
Date: Fri, 31 Oct 2025 10:14:43 -0500
Subject: [PATCH] Session: Add 8px spacing between tabs

---
 assets/vue/components/basecomponents/BaseRouteTabs.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/assets/vue/components/basecomponents/BaseRouteTabs.vue b/assets/vue/components/basecomponents/BaseRouteTabs.vue
index 9d313582f86..1325f38cd70 100644
--- a/assets/vue/components/basecomponents/BaseRouteTabs.vue
+++ b/assets/vue/components/basecomponents/BaseRouteTabs.vue
@@ -1,5 +1,8 @@
 <template>
-  <div class="flex">
+  <div
+    class="flex flex-wrap items-center"
+    role="tablist"
+  >
     <BaseAppLink
       v-for="(tab, index) in tabs"
       :key="tab.title"
@@ -10,7 +13,7 @@
           selectedTab !== index,
       }"
       :to="tab.to"
-      class="px-4 py-2 font-semibold"
+      class="px-4 py-2 font-semibold mr-2 sm:mr-3 last:mr-0"
       role="tab"
     >
       {{ tab.title }}