diff --git a/apps/web/src/app/layouts/product-switcher/product-switcher-content.component.html b/apps/web/src/app/layouts/product-switcher/product-switcher-content.component.html
index 204737eee2e..aa853796971 100644
--- a/apps/web/src/app/layouts/product-switcher/product-switcher-content.component.html
+++ b/apps/web/src/app/layouts/product-switcher/product-switcher-content.component.html
@@ -31,7 +31,7 @@
     <!-- Other options -->
     <section
       *ngIf="products.other.length > 0"
-      class="tw-mt-4 tw-flex tw-w-full tw-flex-col tw-gap-2 tw-border-0 tw-border-t tw-border-solid tw-border-t-text-muted tw-p-2 tw-pb-0"
+      class="tw-mt-4 tw-flex tw-w-full tw-flex-col tw-gap-2 tw-border-0 tw-border-t tw-border-solid tw-border-t-secondary-100 tw-p-2 tw-pb-0"
     >
       <span class="tw-mb-1 tw-text-xs tw-text-muted">{{ "moreFromBitwarden" | i18n }}</span>
       <span *ngFor="let product of products.other">
diff --git a/libs/components/src/menu/menu-divider.component.html b/libs/components/src/menu/menu-divider.component.html
index 98048261cff..d3edb442ba6 100644
--- a/libs/components/src/menu/menu-divider.component.html
+++ b/libs/components/src/menu/menu-divider.component.html
@@ -1,5 +1,5 @@
 <div
-  class="tw-my-2 tw-border-0 tw-border-t tw-border-solid tw-border-t-secondary-500"
+  class="tw-my-2 tw-border-0 tw-border-t tw-border-solid tw-border-t-secondary-100"
   role="separator"
   aria-hidden="true"
 ></div>
diff --git a/libs/components/src/menu/menu.component.html b/libs/components/src/menu/menu.component.html
index f5c60660775..38e9991f8ea 100644
--- a/libs/components/src/menu/menu.component.html
+++ b/libs/components/src/menu/menu.component.html
@@ -1,7 +1,7 @@
 <ng-template>
   <div
     (click)="closed.emit()"
-    class="tw-flex tw-shrink-0 tw-flex-col tw-rounded-lg tw-border tw-border-solid tw-border-secondary-500 tw-bg-background tw-bg-clip-padding tw-py-1 tw-overflow-y-auto"
+    class="tw-flex tw-shrink-0 tw-flex-col tw-rounded-lg tw-border tw-border-solid tw-border-secondary-100 tw-bg-background tw-shadow-md tw-bg-clip-padding tw-py-1 tw-overflow-y-auto"
     [attr.role]="ariaRole()"
     [attr.aria-label]="ariaLabel()"
     cdkTrapFocus
diff --git a/libs/components/src/multi-select/scss/bw.theme.scss b/libs/components/src/multi-select/scss/bw.theme.scss
index 9e9ef275005..b375c2f739c 100644
--- a/libs/components/src/multi-select/scss/bw.theme.scss
+++ b/libs/components/src/multi-select/scss/bw.theme.scss
@@ -8,16 +8,19 @@
 $ng-select-highlight: rgb(var(--color-primary-700)) !default;
 $ng-select-primary-text: rgb(var(--color-text-main)) !default;
 $ng-select-disabled-text: rgb(var(--color-secondary-100)) !default;
-$ng-select-border: rgb(var(--color-secondary-600)) !default;
+$ng-select-border: rgb(var(--color-secondary-100)) !default;
 $ng-select-border-radius: 0.5rem !default;
 $ng-select-bg: rgb(var(--color-background)) !default;
 $ng-select-selected: transparent !default;
 $ng-select-selected-text: $ng-select-primary-text !default;
 
-$ng-select-marked: rgb(var(--color-primary-100)) !default;
+$ng-select-marked: var(--color-hover-default) !default;
 $ng-select-marked-text: $ng-select-primary-text !default;
 
 $ng-select-box-shadow: none !default;
+$ng-select-dropdown-box-shadow:
+  0 4px 6px -1px rgb(0 0 0 / 0.1),
+  0 2px 4px -2px rgb(0 0 0 / 0.1);
 $ng-select-placeholder: rgb(var(--color-text-muted)) !default;
 $ng-select-height: 100%;
 $ng-select-value-padding-left: 1rem !default;
@@ -248,7 +251,7 @@ $ng-dropdown-shadow: rgb(var(--color-secondary-100)) !default;
   background-color: $ng-select-dropdown-bg;
   border: 1px solid $ng-select-dropdown-border;
   border-radius: $ng-select-border-radius;
-  box-shadow: $ng-select-box-shadow;
+  box-shadow: $ng-select-dropdown-box-shadow;
   left: 0;
   &.ng-select-top {
     bottom: 100%;