diff --git a/CSS/themes/plex/plex-base.css b/CSS/themes/plex/plex-base.css
index 04e8b459..8f03ac9e 100644
--- a/CSS/themes/plex/plex-base.css
+++ b/CSS/themes/plex/plex-base.css
@@ -354,7 +354,7 @@ a:hover,
 
 .modal-header {
   padding: 15px 20px;
-  background: var(--modal-bg-color);
+  background: var(--modal-header-color);
   border-bottom: 1px solid rgba(255, 255, 255, .05);
 }
 
@@ -373,7 +373,7 @@ a:hover,
 .modal-footer {
   padding: 15px 20px;
   margin-top: 0;
-  background: var(--modal-bg-color);
+  background: var(--modal-footer-color);
   border-top: 1px solid rgba(255, 255, 255, .05);
 }
 
@@ -487,7 +487,7 @@ fieldset[disabled] .btn-primary:hover {
 /* DROPDOWN MENU */
 [class*="Menu-menu-"],
 .selectize-dropdown, .selectize-dropdown.form-control {
-  background: var(--modal-bg-color);
+  background: var(--drop-down-menu-bg);
 }
 
 [class*="ServerMenuItem-selectedServerMenuItem-"],