From c386763ff46d0f415ab2ae190eeeb239cb1a583d Mon Sep 17 00:00:00 2001
From: tunny17 <tunji@digdippa.com>
Date: Thu, 10 Aug 2023 08:23:22 +0100
Subject: [PATCH] CLASSROOMIO-T-84: Unresolved Fix

---
 src/lib/components/Navigation/app.svelte | 2 +-
 src/lib/components/Tabs/index.svelte     | 9 ++++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/Navigation/app.svelte b/src/lib/components/Navigation/app.svelte
index fd0a5367..a6e2cfa6 100644
--- a/src/lib/components/Navigation/app.svelte
+++ b/src/lib/components/Navigation/app.svelte
@@ -36,7 +36,7 @@
   }
 </script>
 
-<nav class="{navClass} flex w-full p-2 md:px-6 bg-blue-600">
+<nav class="{navClass} flex w-full p-2 md:px-6 bg-blue-500">
   <ul class="flex w-full items-center">
     <div class="flex items-center text-white">
       {#if isCoursePage}
diff --git a/src/lib/components/Tabs/index.svelte b/src/lib/components/Tabs/index.svelte
index 50d2cd05..aaef0075 100644
--- a/src/lib/components/Tabs/index.svelte
+++ b/src/lib/components/Tabs/index.svelte
@@ -35,9 +35,12 @@
           <Chip value={tab.badgeValue} className="ml-1 bg-gray-300 dark:text-black" />
         {/if} -->
 
-        {#if currentTab === tab.value}
-          <span class="absolute w-full bottom-0 left-0 h-1 bg-blue-500 rounded-md" />
-        {/if}
+        <span
+          class="absolute w-full bottom-0 left-0 h-1 bg-blue-500 rounded-md transition-all ease-in-out duration-500 {currentTab ===
+          tab.value
+            ? 'w-full'
+            : 'w-0'}"
+        />
       </button>
     {/each}
   </div>