fix: more nesting

assets/scss/_styles_project.scss

@@ -88,21 +88,20 @@
 }
 
 body {
-  background-color: whitesmoke;
+  background-color: $bg-color;
 }
 
 a.nav-link.sp-coming-soon {
   pointer-events: none;
   cursor: default;
   color: #616161;
+  &::after {
+    content: "Coming soon!";
+    display: inline-block;
+    background-color: #616161;
+    color: $dark;
+    margin-left: .5rem;
+    padding: .1rem .5rem;
+    border-radius: .1rem;
+  }
 }
-
-a.nav-link.sp-coming-soon::after {
-  content: "Coming soon!";
-  display: inline-block;
-  background-color: #616161;
-  color: $dark;
-  margin-left: .5rem;
-  padding: .1rem .5rem;
-  border-radius: .1rem;
-}

assets/scss/docsy_overrides.scss

@@ -7,10 +7,10 @@
     .nav-link {
         color: $secondary !important;
         font-weight: 600;
-    }
-    .nav-link:hover, .nav-link.active{
-        background-color: $gray;
-        border-radius: 5px;
+        &:hover, &.nav-link.active{
+            background-color: $gray;
+            border-radius: 5px;
+        }
     }
     .td-navbar-nav-scroll {
         height: unset !important;
@@ -32,10 +32,9 @@
 ul.ul-2>.td-sidebar-nav__section-title a {
     color: $gray !important;
     font-weight: 400;
-}
-
-ul.ul-2>.td-sidebar-nav__section-title a:hover {
-    color: $blue !important;
+    &:hover {
+        color: $blue !important;
+    }
 }
 
 .td-toc {
@@ -55,6 +54,7 @@ ul.ul-2>.td-sidebar-nav__section-title a:hover {
     .tab-pane {
         border: 1px solid rgba(0, 0, 0, 0.125) !important;
         border-radius: 0px .25rem .25rem .25rem;
+        max-width: 100% !important;
     }
     ul li, ol li {
         margin-bottom: unset !important;
@@ -62,9 +62,6 @@ ul.ul-2>.td-sidebar-nav__section-title a:hover {
     div {
         transition: none;
     }
-    .tab-pane {
-        max-width: 100% !important;
-    }
 }
 
 .nav-tabs {