From 7d413d6e34b21bb77fb5f5fc17c81d913db3f479 Mon Sep 17 00:00:00 2001
From: Ryan Gossiaux <ryan.gossiaux@gmail.com>
Date: Tue, 21 Dec 2021 11:43:53 -0800
Subject: [PATCH] Fix selected UI in tabs-with-pure-tailwind example

---
 src/routes/tabs/tabs-with-pure-tailwind.svelte | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/routes/tabs/tabs-with-pure-tailwind.svelte b/src/routes/tabs/tabs-with-pure-tailwind.svelte
index c15a753..7ef3d05 100644
--- a/src/routes/tabs/tabs-with-pure-tailwind.svelte
+++ b/src/routes/tabs/tabs-with-pure-tailwind.svelte
@@ -71,14 +71,14 @@
           <span>{tab.name}</span>
           {#if tab.disabled}
             <small class="inline-block px-4 text-xs">(disabled)</small>
-            <span
-              aria-hidden="true"
-              class={classNames(
-                selected ? "bg-indigo-500" : "bg-transparent",
-                "absolute inset-x-0 bottom-0 h-0.5"
-              )}
-            />
           {/if}
+          <span
+            aria-hidden="true"
+            class={classNames(
+              selected ? "bg-indigo-500" : "bg-transparent",
+              "absolute inset-x-0 bottom-0 h-0.5"
+            )}
+          />
         </Tab>
       {/each}
     </TabList>