diff --git a/components/FilterBar/index.scss b/components/FilterBar/index.scss
index bf220493..5787a887 100644
--- a/components/FilterBar/index.scss
+++ b/components/FilterBar/index.scss
@@ -32,10 +32,15 @@
     // background-position-y: center;
     // background-position-x: 95%;
     // background-size: $unit * 1.5;
+    background-color: var(--select-contained-bg);
     color: $grey-55;
     font-size: $font-small;
     margin: 0;
     max-width: 200px;
+
+    &:hover {
+      background-color: var(--select-contained-bg-hover);
+    }
   }
 
   .SelectTrigger {
diff --git a/pages/new/index.tsx b/pages/new/index.tsx
index 781f4b81..ca77a77f 100644
--- a/pages/new/index.tsx
+++ b/pages/new/index.tsx
@@ -32,11 +32,7 @@ const NewRoute: React.FC<Props> = (props: Props) => {
     appState.jobSkills = props.jobSkills
   }
 
-  return (
-    <div id="Content">
-      <Party new={true} raids={props.sortedRaids} pushHistory={callback} />
-    </div>
-  )
+  return <Party new={true} raids={props.sortedRaids} pushHistory={callback} />
 }
 
 export const getServerSidePaths = async () => {
diff --git a/styles/themes.scss b/styles/themes.scss
index 33c58d6d..d109e164 100644
--- a/styles/themes.scss
+++ b/styles/themes.scss
@@ -33,6 +33,8 @@
 
   // Light - Selects
   --select-bg: #{$select--bg--light};
+  --select-contained-bg: #{$select--contained--bg--light};
+  --select-contained-bg-hover: #{$select--contained--bg--light--hover};
   --select-separator: #{$select--separator--light};
   --option-bg-hover: #{$option--bg--light--hover};
 
@@ -103,9 +105,9 @@
   // Dark - Buttons
   --button-bg: #{$button--bg--dark};
   --button-bg-hover: #{$button--bg--dark--hover};
+  --button-contained-bg-hover: #{$button--contained--bg--dark--hover};
   --button-bg-disabled: #{$button--bg--dark--disabled};
   --button-contained-bg: #{$button--contained--bg--dark};
-  --button-contained-bg-hover: #{$button--contained--bg--dark--hover};
 
   --button-text: #{$button--text--dark};
   --button-text-hover: #{$button--text--dark--hover};
@@ -119,6 +121,8 @@
 
   // Dark - Selects
   --select-bg: #{$select--bg--dark};
+  --select-contained-bg: #{$select--contained--bg--dark};
+  --select-contained-bg-hover: #{$select--contained--bg--dark--hover};
   --select-separator: #{$select--separator--dark};
   --option-bg-hover: #{$option--bg--dark--hover};
 
diff --git a/styles/variables.scss b/styles/variables.scss
index 908cdb14..4195ca37 100644
--- a/styles/variables.scss
+++ b/styles/variables.scss
@@ -159,6 +159,10 @@ $input--bound--bg--dark--hover: $grey-25;
 // Color Definitions: Select
 $select--bg--light: $grey-100;
 $select--bg--dark: $grey-05;
+$select--contained--bg--light: $grey-90;
+$select--contained--bg--dark: $grey-05;
+$select--contained--bg--light--hover: $grey-80;
+$select--contained--bg--dark--hover: $grey-00;
 $select--separator--light: $grey-90;
 $select--separator--dark: $grey-00;
 $option--bg--light--hover: $grey-90;