diff --git a/scss/components/_nav.scss b/scss/components/_nav.scss
index 0c1b5991..99dc20be 100644
--- a/scss/components/_nav.scss
+++ b/scss/components/_nav.scss
@@ -30,7 +30,7 @@ nav {
     display: inline-block;
     margin: 0;
     padding: var(--spacing) calc(var(--spacing) * 0.5);
-    
+
     // Nested dropdown navigation
     &:hover {
       ul {
@@ -41,22 +41,27 @@ nav {
       display: none;
       z-index: 500;
       position: absolute;
-      padding: .5em 1.15em;
+      padding: calc(var(--spacing)*0.5) calc(var(--spacing)*1.15);;
+      background-color: var(--nav-dropdown-background-color);
+      box-shadow: var(--nav-dropdown-box-shadow);
 
       li {
         display: block;
-        padding: .3em .2em;
+        padding: calc(var(--spacing)*0.2);
         float: none;
         text-align: left;
+        
+        [dir="rtl"] {
+          text-align: right;
+        }
       }
 
       a {
         display: inline;
         padding: 0;
-        font-size: .9em;
       }
     }
-    
+
     // HACK: Input & Button inside Nav
     > *,
     > input:not([type="checkbox"]):not([type="radio"]) {
@@ -95,5 +100,17 @@ aside {
       margin: calc(var(--spacing) * -0.5);
       padding: calc(var(--spacing) * 0.5);
     }
+
+    ul {
+      display:block;
+      position: inherit;
+      background-color: inherit;
+      box-shadow: none;
+      padding-bottom: 0;
+
+      li:last-of-type {
+        padding-bottom: 0;
+      }
+    }
   }
-}
+}
\ No newline at end of file
diff --git a/scss/themes/default/_dark.scss b/scss/themes/default/_dark.scss
index b0d11a05..fc03ae9e 100644
--- a/scss/themes/default/_dark.scss
+++ b/scss/themes/default/_dark.scss
@@ -84,6 +84,12 @@
   --range-thumb-hover-color: var(--secondary-hover);
   --range-thumb-active-color: var(--primary);
 
+  // Nav
+  --nav-dropdown-background-color: #{rgba($grey-500, 0.05)};
+  --nav-dropdown-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},
+    0 0.125rem 2rem #{rgba($black, 0.12)},
+    0 0 0 0.0625rem #{rgba($black, 0.036)};
+
   // Table
   --table-border-color: var(--muted-border-color);
   --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};
diff --git a/scss/themes/default/_light.scss b/scss/themes/default/_light.scss
index 2073bd7d..4cf0d1ea 100644
--- a/scss/themes/default/_light.scss
+++ b/scss/themes/default/_light.scss
@@ -85,6 +85,12 @@
   --range-thumb-hover-color: var(--secondary-hover);
   --range-thumb-active-color: var(--primary);
 
+  // Nav
+  --nav-dropdown-background-color: #{mix($grey-50, $white)};  
+  --nav-dropdown-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},
+    0 0.125rem 2rem #{rgba($grey-900, 0.08)},
+    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};
+
   // Table
   --table-border-color: var(--muted-border-color);
   --table-row-stripped-background-color: #{mix($grey-50, $white)};