From 4be3b8a56ff598bbfab8f6196e1385a0e220e37d Mon Sep 17 00:00:00 2001
From: Saad Yousaf <saad.yousaf@arbisoft.com>
Date: Wed, 28 Jul 2021 01:28:50 +0500
Subject: [PATCH] fix: update Navigation tab items styling to match design.
 (#536)

Co-authored-by: SaadYousaf <saadyousaf@A006-00314.local>
---
 src/index.scss | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/index.scss b/src/index.scss
index c6bda565..77043b9e 100755
--- a/src/index.scss
+++ b/src/index.scss
@@ -70,6 +70,22 @@
 }
 .course-tabs-navigation {
   border-bottom: solid 1px #EAEAEA;
+
+  .nav a, .nav button {
+    &:hover {
+      background-color: $light-400;
+    }
+    &:focus {
+      border: 2px solid $dark-500;
+    }
+  }
+
+  .nav a {
+    &:not(.active):hover {
+      background-color: $light-400;
+      border-bottom: none;
+    }
+  }
 }
 
 .nav-underline-tabs {