diff --git a/packages/composer-playground/src/assets/styles/components/_side-bar-nav.scss b/packages/composer-playground/src/assets/styles/components/_side-bar-nav.scss
index f1f0dd8473..43e546e737 100644
--- a/packages/composer-playground/src/assets/styles/components/_side-bar-nav.scss
+++ b/packages/composer-playground/src/assets/styles/components/_side-bar-nav.scss
@@ -13,11 +13,13 @@
         padding: $space-medium $space-large;
         border-left: $space-small solid transparent;
         border-bottom: 1px solid $fourth-highlight;
+        cursor: pointer;
 
         &.active {
           background-color: $third-highlight;
           border-left: $space-small solid $first-highlight;
           background-color: $third-highlight;
+          cursor: default;
         }
 
         &:hover {
diff --git a/packages/composer-playground/src/assets/styles/elements/_header.scss b/packages/composer-playground/src/assets/styles/elements/_header.scss
index 1b63e4a7ee..8911c6e17f 100644
--- a/packages/composer-playground/src/assets/styles/elements/_header.scss
+++ b/packages/composer-playground/src/assets/styles/elements/_header.scss
@@ -67,12 +67,14 @@
           border-bottom: 3px solid transparent;
 
           &:hover {
+            box-shadow: inset 0px -3px 0px $white;
+            border-bottom: 0px;
             border-radius: 0px;
-            border-bottom: 3px solid $white;
           }
 
           &.active {
-            border-bottom: 3px solid $white;
+            box-shadow: inset 0px -3px 0px $white;
+            border-bottom: 0px;
             border-radius: 0px;
           }
         }