diff --git a/packages/landing/src/components/layer.switcher.dropdown.tsx b/packages/landing/src/components/layer.switcher.dropdown.tsx
index b63f589a7..a736ac8f0 100644
--- a/packages/landing/src/components/layer.switcher.dropdown.tsx
+++ b/packages/landing/src/components/layer.switcher.dropdown.tsx
@@ -69,7 +69,13 @@ export class LayerSwitcherDropdown extends Component<unknown, LayerSwitcherDropd
     return (
       <div className="LuiDeprecatedForms">
         <h6>Layers</h6>
-        <Select<Option> options={ret.options} onChange={this.onLayerChange} value={ret.current} />
+        <Select<Option>
+          options={ret.options}
+          onChange={this.onLayerChange}
+          value={ret.current}
+          classNamePrefix="layer-selector"
+          id="layer-selector"
+        />
         <div className="lui-input-group-wrapper">
           <div className="lui-checkbox-container">
             <input type="checkbox" onChange={this.onZoomExtentChange} checked={this.state.zoomToExtent} />
diff --git a/packages/landing/static/index.css b/packages/landing/static/index.css
index 498834310..6196f329a 100644
--- a/packages/landing/static/index.css
+++ b/packages/landing/static/index.css
@@ -221,4 +221,15 @@ button {
 
 .date-range p {
   margin-top: 16px;
-}
\ No newline at end of file
+}
+
+/*
+The additional #layer-selector id selector is needed to ensure these styles
+have higher specifity than the default styles of the react-select component
+*/
+#layer-selector .layer-selector__group-heading {
+  font-size: 90%;
+  color: #00425d;
+  letter-spacing: 1px;
+}
+