diff --git a/demo/sites/content-styles/colors.html b/demo/sites/content-styles/colors.html
index 3f25ccf12..10752702f 100644
--- a/demo/sites/content-styles/colors.html
+++ b/demo/sites/content-styles/colors.html
@@ -1644,7 +1644,7 @@
           <li role="presentation">
             <a
               href="#tabs-profile"
-              class="focus:border-transparen my-2 block border-x-0 border-t-0 border-b-2 border-transparent px-7 pt-4 pb-3.5 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-primary"
+              class="focus:border-transparent my-2 block border-x-0 border-t-0 border-b-2 border-transparent px-7 pt-4 pb-3.5 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-primary"
               data-te-toggle="pill"
               data-te-target="#tabs-profile"
               role="tab"
@@ -1730,7 +1730,7 @@
           <li role="presentation">
             <a
               href="#tabs-profile1"
-              class="focus:border-transparen my-2 block border-x-0 border-t-0 border-b-2 border-transparent px-7 pt-4 pb-3.5 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-secondary data-[te-nav-active]:text-secondary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-secondary"
+              class="focus:border-transparent my-2 block border-x-0 border-t-0 border-b-2 border-transparent px-7 pt-4 pb-3.5 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-secondary data-[te-nav-active]:text-secondary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-secondary"
               data-te-toggle="pill"
               data-te-target="#tabs-profile1"
               role="tab"
@@ -1816,7 +1816,7 @@
           <li role="presentation">
             <a
               href="#tabs-profile2"
-              class="focus:border-transparen my-2 block border-x-0 border-t-0 border-b-2 border-transparent px-7 pt-4 pb-3.5 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-success data-[te-nav-active]:text-success dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-success"
+              class="focus:border-transparent my-2 block border-x-0 border-t-0 border-b-2 border-transparent px-7 pt-4 pb-3.5 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-success data-[te-nav-active]:text-success dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-success"
               data-te-toggle="pill"
               data-te-target="#tabs-profile2"
               role="tab"
@@ -1902,7 +1902,7 @@
           <li role="presentation">
             <a
               href="#tabs-profile3"
-              class="focus:border-transparen my-2 block border-x-0 border-t-0 border-b-2 border-transparent px-7 pt-4 pb-3.5 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-danger data-[te-nav-active]:text-danger dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-danger"
+              class="focus:border-transparent my-2 block border-x-0 border-t-0 border-b-2 border-transparent px-7 pt-4 pb-3.5 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-danger data-[te-nav-active]:text-danger dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-danger"
               data-te-toggle="pill"
               data-te-target="#tabs-profile3"
               role="tab"
@@ -1988,7 +1988,7 @@
           <li role="presentation">
             <a
               href="#tabs-profile4"
-              class="focus:border-transparen my-2 block border-x-0 border-t-0 border-b-2 border-transparent px-7 pt-4 pb-3.5 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-warning data-[te-nav-active]:text-warning dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-warning"
+              class="focus:border-transparent my-2 block border-x-0 border-t-0 border-b-2 border-transparent px-7 pt-4 pb-3.5 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-warning data-[te-nav-active]:text-warning dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-warning"
               data-te-toggle="pill"
               data-te-target="#tabs-profile4"
               role="tab"
@@ -2074,7 +2074,7 @@
           <li role="presentation">
             <a
               href="#tabs-profile5"
-              class="focus:border-transparen my-2 block border-x-0 border-t-0 border-b-2 border-transparent px-7 pt-4 pb-3.5 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-info data-[te-nav-active]:text-info dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-info"
+              class="focus:border-transparent my-2 block border-x-0 border-t-0 border-b-2 border-transparent px-7 pt-4 pb-3.5 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-info data-[te-nav-active]:text-info dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-info"
               data-te-toggle="pill"
               data-te-target="#tabs-profile5"
               role="tab"
@@ -2160,7 +2160,7 @@
           <li role="presentation">
             <a
               href="#tabs-profile6"
-              class="focus:border-transparen my-2 block border-x-0 border-t-0 border-b-2 border-transparent px-7 pt-4 pb-3.5 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-neutral-50 data-[te-nav-active]:text-neutral-50 dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-neutral-50"
+              class="focus:border-transparent my-2 block border-x-0 border-t-0 border-b-2 border-transparent px-7 pt-4 pb-3.5 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-neutral-50 data-[te-nav-active]:text-neutral-50 dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-neutral-50"
               data-te-toggle="pill"
               data-te-target="#tabs-profile6"
               role="tab"
diff --git a/demo/sites/navigation/tabs.html b/demo/sites/navigation/tabs.html
index 4d9e53334..97a23773c 100644
--- a/demo/sites/navigation/tabs.html
+++ b/demo/sites/navigation/tabs.html
@@ -76,7 +76,7 @@ <h3 class="mb-4 text-3xl font-medium leading-tight text-red-600">
         <li role="presentation">
           <a
             href="#tabs-profile"
-            class="focus:border-transparen my-2 block border-x-0 border-t-0 border-b-2 border-transparent px-6 py-3 text-xs font-medium uppercase leading-tight text-[#4b5563] hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-[#2563eb] data-[te-nav-active]:!text-[#2563eb] dark:text-neutral-200 dark:hover:bg-transparent"
+            class="focus:border-transparent my-2 block border-x-0 border-t-0 border-b-2 border-transparent px-6 py-3 text-xs font-medium uppercase leading-tight text-[#4b5563] hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-[#2563eb] data-[te-nav-active]:!text-[#2563eb] dark:text-neutral-200 dark:hover:bg-transparent"
             data-te-toggle="pill"
             data-te-target="#tabs-profile"
             role="tab"
diff --git a/site/content/docs/standard/navigation/tabs/a.html b/site/content/docs/standard/navigation/tabs/a.html
index d9f1b6570..667bfc315 100644
--- a/site/content/docs/standard/navigation/tabs/a.html
+++ b/site/content/docs/standard/navigation/tabs/a.html
@@ -116,7 +116,7 @@ <h4 class="my-5 text-lg font-bold">Via data attributes</h4>
           <li role="presentation">
             <a
               href="#tabs-profile"
-              class="focus:border-transparen my-2 block border-x-0 border-t-0 border-b-2 border-transparent px-6 py-3 text-xs font-medium uppercase leading-tight text-[#4b5563] hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-[#2563eb] data-[te-nav-active]:!text-[#2563eb] dark:text-neutral-200 dark:hover:bg-transparent"
+              class="focus:border-transparent my-2 block border-x-0 border-t-0 border-b-2 border-transparent px-6 py-3 text-xs font-medium uppercase leading-tight text-[#4b5563] hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-[#2563eb] data-[te-nav-active]:!text-[#2563eb] dark:text-neutral-200 dark:hover:bg-transparent"
               data-te-toggle="pill"
               data-te-target="#tabs-profile"
               role="tab"
diff --git a/site/content/docs/standard/navigation/tabs/index.html b/site/content/docs/standard/navigation/tabs/index.html
index 37535bdc8..6e79d801c 100644
--- a/site/content/docs/standard/navigation/tabs/index.html
+++ b/site/content/docs/standard/navigation/tabs/index.html
@@ -52,7 +52,7 @@
     <li role="presentation">
       <a
         href="#tabs-profile"
-        class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
+        class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
         data-te-toggle="pill"
         data-te-target="#tabs-profile"
         role="tab"
@@ -146,7 +146,7 @@
         <li role="presentation">
           <a
             href="#tabs-profile"
-            class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
+            class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
             data-te-toggle="pill"
             data-te-target="#tabs-profile"
             role="tab"
@@ -532,7 +532,7 @@
     <li role="presentation" class="flex-auto text-center">
       <a
         href="#tabs-profile01"
-        class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
+        class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
         data-te-toggle="pill"
         data-te-target="#tabs-profile01"
         role="tab"
@@ -626,7 +626,7 @@
         <li role="presentation" class="flex-auto text-center">
           <a
             href="#tabs-profile01"
-            class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
+            class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
             data-te-toggle="pill"
             data-te-target="#tabs-profile01"
             role="tab"
@@ -746,7 +746,7 @@
     <li role="presentation" class="flex-grow basis-0 text-center">
       <a
         href="#tabs-profile02"
-        class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
+        class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
         data-te-toggle="pill"
         data-te-target="#tabs-profile02"
         role="tab"
@@ -840,7 +840,7 @@
         <li role="presentation" class="flex-grow basis-0 text-center">
           <a
             href="#tabs-profile02"
-            class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
+            class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
             data-te-toggle="pill"
             data-te-target="#tabs-profile02"
             role="tab"
@@ -958,7 +958,7 @@
       <li role="presentation" class="flex-grow text-center">
         <a
           href="#tabs-profile03"
-          class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
+          class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
           data-te-toggle="pill"
           data-te-target="#tabs-profile03"
           role="tab"
@@ -1053,7 +1053,7 @@
         <li role="presentation" class="flex-grow text-center">
           <a
             href="#tabs-profile03"
-            class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
+            class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
             data-te-toggle="pill"
             data-te-target="#tabs-profile03"
             role="tab"
@@ -1180,7 +1180,7 @@
     <li role="presentation">
       <a
         href="#tabs-profile3"
-        class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
+        class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
         id="tabs-profile-tab3"
         data-te-toggle="pill"
         data-te-target="#tabs-profile3"
@@ -1193,7 +1193,7 @@
     <li role="presentation">
       <a
         href="#tabs-messages3"
-        class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
+        class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
         id="tabs-messages-tab3"
         data-te-toggle="pill"
         data-te-target="#tabs-messages3"
@@ -1259,7 +1259,7 @@
         <li role="presentation">
           <a
             href="#tabs-profile3"
-            class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
+            class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
             id="tabs-profile-tab3"
             data-te-toggle="pill"
             data-te-target="#tabs-profile3"
@@ -1272,7 +1272,7 @@
         <li role="presentation">
           <a
             href="#tabs-messages3"
-            class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
+            class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
             id="tabs-messages-tab3"
             data-te-toggle="pill"
             data-te-target="#tabs-messages3"
@@ -1369,7 +1369,7 @@
     <li role="presentation">
       <a
         href="#tabs-profile0"
-        class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
+        class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
         data-te-toggle="pill"
         data-te-target="#tabs-profile0"
         role="tab"
@@ -1458,7 +1458,7 @@
     <li role="presentation">
       <a
         href="#tabs-profile1"
-        class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-secondary data-[te-nav-active]:text-secondary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-secondary"
+        class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-secondary data-[te-nav-active]:text-secondary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-secondary"
         data-te-toggle="pill"
         data-te-target="#tabs-profile1"
         role="tab"
@@ -1547,7 +1547,7 @@
     <li role="presentation">
       <a
         href="#tabs-profile2"
-        class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-success data-[te-nav-active]:text-success dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-success"
+        class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-success data-[te-nav-active]:text-success dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-success"
         data-te-toggle="pill"
         data-te-target="#tabs-profile2"
         role="tab"
@@ -1636,7 +1636,7 @@
     <li role="presentation">
       <a
         href="#tabs-profile3"
-        class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-danger data-[te-nav-active]:text-danger dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-danger"
+        class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-danger data-[te-nav-active]:text-danger dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-danger"
         data-te-toggle="pill"
         data-te-target="#tabs-profile3"
         role="tab"
@@ -1725,7 +1725,7 @@
     <li role="presentation">
       <a
         href="#tabs-profile4"
-        class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-warning data-[te-nav-active]:text-warning dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-warning"
+        class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-warning data-[te-nav-active]:text-warning dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-warning"
         data-te-toggle="pill"
         data-te-target="#tabs-profile4"
         role="tab"
@@ -1814,7 +1814,7 @@
     <li role="presentation">
       <a
         href="#tabs-profile5"
-        class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-info data-[te-nav-active]:text-info dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-info"
+        class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-info data-[te-nav-active]:text-info dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-info"
         data-te-toggle="pill"
         data-te-target="#tabs-profile5"
         role="tab"
@@ -1903,7 +1903,7 @@
     <li role="presentation">
       <a
         href="#tabs-profile6"
-        class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-neutral-50 data-[te-nav-active]:text-neutral-50 dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-neutral-50"
+        class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-neutral-50 data-[te-nav-active]:text-neutral-50 dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-neutral-50"
         data-te-toggle="pill"
         data-te-target="#tabs-profile6"
         role="tab"
@@ -2087,7 +2087,7 @@
         <li role="presentation">
           <a
             href="#tabs-profile0"
-            class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
+            class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400"
             data-te-toggle="pill"
             data-te-target="#tabs-profile0"
             role="tab"
@@ -2176,7 +2176,7 @@
         <li role="presentation">
           <a
             href="#tabs-profile1"
-            class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-secondary data-[te-nav-active]:text-secondary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-secondary"
+            class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-secondary data-[te-nav-active]:text-secondary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-secondary"
             data-te-toggle="pill"
             data-te-target="#tabs-profile1"
             role="tab"
@@ -2265,7 +2265,7 @@
         <li role="presentation">
           <a
             href="#tabs-profile2"
-            class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-success data-[te-nav-active]:text-success dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-success"
+            class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-success data-[te-nav-active]:text-success dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-success"
             data-te-toggle="pill"
             data-te-target="#tabs-profile2"
             role="tab"
@@ -2354,7 +2354,7 @@
         <li role="presentation">
           <a
             href="#tabs-profile3"
-            class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-danger data-[te-nav-active]:text-danger dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-danger"
+            class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-danger data-[te-nav-active]:text-danger dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-danger"
             data-te-toggle="pill"
             data-te-target="#tabs-profile3"
             role="tab"
@@ -2443,7 +2443,7 @@
         <li role="presentation">
           <a
             href="#tabs-profile4"
-            class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-warning data-[te-nav-active]:text-warning dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-warning"
+            class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-warning data-[te-nav-active]:text-warning dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-warning"
             data-te-toggle="pill"
             data-te-target="#tabs-profile4"
             role="tab"
@@ -2532,7 +2532,7 @@
         <li role="presentation">
           <a
             href="#tabs-profile5"
-            class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-info data-[te-nav-active]:text-info dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-info"
+            class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-info data-[te-nav-active]:text-info dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-info"
             data-te-toggle="pill"
             data-te-target="#tabs-profile5"
             role="tab"
@@ -2621,7 +2621,7 @@
         <li role="presentation">
           <a
             href="#tabs-profile6"
-            class="focus:border-transparen my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-neutral-50 data-[te-nav-active]:text-neutral-50 dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-neutral-50"
+            class="focus:border-transparent my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate data-[te-nav-active]:border-neutral-50 data-[te-nav-active]:text-neutral-50 dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:text-neutral-50"
             data-te-toggle="pill"
             data-te-target="#tabs-profile6"
             role="tab"