diff --git a/client/src/components/layout/NavDropdown.vue b/client/src/components/layout/NavDropdown.vue
index 1af89fb..3338dc7 100644
--- a/client/src/components/layout/NavDropdown.vue
+++ b/client/src/components/layout/NavDropdown.vue
@@ -57,8 +57,9 @@ function tallyChildren(routes: NavRoute[]) {
 <style scoped>
 .nav-dropdown-body {
   max-height: 0px;
-  border-left: 1px solid white;
-  padding-left: calc(0.5rem - 1px);
+  border-left: 2px solid var(--cl-fg);
+  backdrop-filter: brightness(75%);
+  padding-left: calc(0.5rem - 2px);
 }
 
 span {
diff --git a/client/src/global-styles/components.css b/client/src/global-styles/components.css
index 5dc85ae..bcee1c8 100644
--- a/client/src/global-styles/components.css
+++ b/client/src/global-styles/components.css
@@ -43,7 +43,7 @@ input {
   padding: 0px; /* To keep alignment, no padding is needed for those descendants */
 }
 :is(form, .form) :is(form, .form) > .inner-form { /* Soft-Nesting for Subform and EnumInput */
-  border-left: 1px solid var(--cl-fg);
+  border-left: 2px solid var(--cl-fg);
   padding-left: 0.5rem;
 }
 :is(form, .form) > :is(button, .button, h1, h2, h3, h4, h5, h6) {