From bee2cf6332a400ed477ebf2e415150d309cb1d96 Mon Sep 17 00:00:00 2001
From: Carla Severe <csevere@mozilla.com>
Date: Wed, 8 Jan 2025 14:17:21 -0800
Subject: [PATCH] Removed repetitive style references (#836)

* remove repetitive style references

* update snapshots

* deleted unused styles and classes
---
 .../__snapshots__/ResultsTable.test.tsx.snap  |  2 +-
 .../SubtestsResultsView.test.tsx.snap         |  4 +-
 .../CompareOverTime.test.tsx.snap             | 16 ++---
 .../CompareWithBase.test.tsx.snap             | 40 +++++------
 src/__tests__/__snapshots__/App.test.tsx.snap |  6 +-
 src/components/Search/SearchDropdown.tsx      |  7 +-
 src/components/Search/TimeRangeDropdown.tsx   | 11 +--
 src/components/Shared/FrameworkDropdown.tsx   |  9 +--
 src/styles/DropDownMenu.ts                    | 70 -------------------
 src/styles/index.tsx                          |  1 -
 src/theme/components.js                       | 29 +-------
 11 files changed, 40 insertions(+), 155 deletions(-)
 delete mode 100644 src/styles/DropDownMenu.ts

diff --git a/src/__tests__/CompareResults/__snapshots__/ResultsTable.test.tsx.snap b/src/__tests__/CompareResults/__snapshots__/ResultsTable.test.tsx.snap
index 5384b1261..1336e0031 100644
--- a/src/__tests__/CompareResults/__snapshots__/ResultsTable.test.tsx.snap
+++ b/src/__tests__/CompareResults/__snapshots__/ResultsTable.test.tsx.snap
@@ -690,7 +690,7 @@ exports[`Results Table Should match snapshot 1`] = `
                 class="MuiGrid-root MuiGrid-container fau5w0k css-jryjzr-MuiGrid-root"
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-standardInfo MuiAlert-standard f96or0t css-1faa8kc-MuiPaper-root-MuiAlert-root"
+                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-standardInfo MuiAlert-standard f96or0t css-ab9tfo-MuiPaper-root-MuiAlert-root"
                   role="alert"
                 >
                   <div
diff --git a/src/__tests__/CompareResults/__snapshots__/SubtestsResultsView.test.tsx.snap b/src/__tests__/CompareResults/__snapshots__/SubtestsResultsView.test.tsx.snap
index 1a7973830..07690dc71 100644
--- a/src/__tests__/CompareResults/__snapshots__/SubtestsResultsView.test.tsx.snap
+++ b/src/__tests__/CompareResults/__snapshots__/SubtestsResultsView.test.tsx.snap
@@ -140,7 +140,7 @@ exports[`SubtestsResultsView Component Tests should render the subtests results
                 </ol>
               </nav>
               <div
-                class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-standardInfo MuiAlert-standard fwgc60z css-1faa8kc-MuiPaper-root-MuiAlert-root"
+                class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-standardInfo MuiAlert-standard fwgc60z css-ab9tfo-MuiPaper-root-MuiAlert-root"
                 role="alert"
               >
                 <div
@@ -1750,7 +1750,7 @@ exports[`SubtestsViewCompareOverTime Component Tests should render the subtests
                 </ol>
               </nav>
               <div
-                class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-standardInfo MuiAlert-standard fwgc60z css-1faa8kc-MuiPaper-root-MuiAlert-root"
+                class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-standardInfo MuiAlert-standard fwgc60z css-ab9tfo-MuiPaper-root-MuiAlert-root"
                 role="alert"
               >
                 <div
diff --git a/src/__tests__/Search/__snapshots__/CompareOverTime.test.tsx.snap b/src/__tests__/Search/__snapshots__/CompareOverTime.test.tsx.snap
index 52913eb5e..961e14103 100644
--- a/src/__tests__/Search/__snapshots__/CompareOverTime.test.tsx.snap
+++ b/src/__tests__/Search/__snapshots__/CompareOverTime.test.tsx.snap
@@ -676,7 +676,7 @@ exports[`Compare Over Time selects and displays new time range when clicked 1`]
 >
   <li
     aria-selected="true"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters Mui-selected MuiMenuItem-root MuiMenuItem-gutters Mui-selected timerange-dropdown-item f1xucsdf fcmecz0 css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters Mui-selected MuiMenuItem-root MuiMenuItem-gutters Mui-selected timerange-dropdown-item fcmecz0 css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="86400"
     role="option"
     tabindex="0"
@@ -697,7 +697,7 @@ exports[`Compare Over Time selects and displays new time range when clicked 1`]
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters timerange-dropdown-item f1xucsdf fcmecz0 css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters timerange-dropdown-item fcmecz0 css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="172800"
     role="option"
     tabindex="-1"
@@ -718,7 +718,7 @@ exports[`Compare Over Time selects and displays new time range when clicked 1`]
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters timerange-dropdown-item f1xucsdf fcmecz0 css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters timerange-dropdown-item fcmecz0 css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="604800"
     role="option"
     tabindex="-1"
@@ -739,7 +739,7 @@ exports[`Compare Over Time selects and displays new time range when clicked 1`]
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters timerange-dropdown-item f1xucsdf fcmecz0 css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters timerange-dropdown-item fcmecz0 css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="1209600"
     role="option"
     tabindex="-1"
@@ -760,7 +760,7 @@ exports[`Compare Over Time selects and displays new time range when clicked 1`]
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters timerange-dropdown-item f1xucsdf fcmecz0 css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters timerange-dropdown-item fcmecz0 css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="2592000"
     role="option"
     tabindex="-1"
@@ -781,7 +781,7 @@ exports[`Compare Over Time selects and displays new time range when clicked 1`]
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters timerange-dropdown-item f1xucsdf fcmecz0 css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters timerange-dropdown-item fcmecz0 css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="5184000"
     role="option"
     tabindex="-1"
@@ -802,7 +802,7 @@ exports[`Compare Over Time selects and displays new time range when clicked 1`]
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters timerange-dropdown-item f1xucsdf fcmecz0 css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters timerange-dropdown-item fcmecz0 css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="7776000"
     role="option"
     tabindex="-1"
@@ -823,7 +823,7 @@ exports[`Compare Over Time selects and displays new time range when clicked 1`]
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters timerange-dropdown-item f1xucsdf fcmecz0 css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters timerange-dropdown-item fcmecz0 css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="31536000"
     role="option"
     tabindex="-1"
diff --git a/src/__tests__/Search/__snapshots__/CompareWithBase.test.tsx.snap b/src/__tests__/Search/__snapshots__/CompareWithBase.test.tsx.snap
index c15064eae..29b116b23 100644
--- a/src/__tests__/Search/__snapshots__/CompareWithBase.test.tsx.snap
+++ b/src/__tests__/Search/__snapshots__/CompareWithBase.test.tsx.snap
@@ -613,7 +613,7 @@ exports[`Compare With Base selects and displays new framework when clicked 1`] =
 >
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item f1xucsdf css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="4"
     role="option"
     tabindex="-1"
@@ -625,7 +625,7 @@ exports[`Compare With Base selects and displays new framework when clicked 1`] =
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item f1xucsdf css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="13"
     role="option"
     tabindex="-1"
@@ -637,7 +637,7 @@ exports[`Compare With Base selects and displays new framework when clicked 1`] =
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item f1xucsdf css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="2"
     role="option"
     tabindex="-1"
@@ -649,7 +649,7 @@ exports[`Compare With Base selects and displays new framework when clicked 1`] =
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item f1xucsdf css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="12"
     role="option"
     tabindex="-1"
@@ -661,7 +661,7 @@ exports[`Compare With Base selects and displays new framework when clicked 1`] =
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item f1xucsdf css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="16"
     role="option"
     tabindex="-1"
@@ -673,7 +673,7 @@ exports[`Compare With Base selects and displays new framework when clicked 1`] =
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item f1xucsdf css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="11"
     role="option"
     tabindex="-1"
@@ -685,7 +685,7 @@ exports[`Compare With Base selects and displays new framework when clicked 1`] =
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item f1xucsdf css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="15"
     role="option"
     tabindex="-1"
@@ -697,7 +697,7 @@ exports[`Compare With Base selects and displays new framework when clicked 1`] =
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item f1xucsdf css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="6"
     role="option"
     tabindex="-1"
@@ -709,7 +709,7 @@ exports[`Compare With Base selects and displays new framework when clicked 1`] =
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item f1xucsdf css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="10"
     role="option"
     tabindex="-1"
@@ -721,7 +721,7 @@ exports[`Compare With Base selects and displays new framework when clicked 1`] =
   </li>
   <li
     aria-selected="true"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters Mui-selected MuiMenuItem-root MuiMenuItem-gutters Mui-selected framework-dropdown-item f1xucsdf css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters Mui-selected MuiMenuItem-root MuiMenuItem-gutters Mui-selected framework-dropdown-item css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="1"
     role="option"
     tabindex="0"
@@ -4445,7 +4445,7 @@ exports[`Compare With Base updates the framework and url when a new one is selec
 >
   <li
     aria-selected="true"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters Mui-selected MuiMenuItem-root MuiMenuItem-gutters Mui-selected framework-dropdown-item f1xucsdf css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters Mui-selected MuiMenuItem-root MuiMenuItem-gutters Mui-selected framework-dropdown-item css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="4"
     role="option"
     tabindex="0"
@@ -4466,7 +4466,7 @@ exports[`Compare With Base updates the framework and url when a new one is selec
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item f1xucsdf css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="13"
     role="option"
     tabindex="-1"
@@ -4478,7 +4478,7 @@ exports[`Compare With Base updates the framework and url when a new one is selec
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item f1xucsdf css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="2"
     role="option"
     tabindex="-1"
@@ -4490,7 +4490,7 @@ exports[`Compare With Base updates the framework and url when a new one is selec
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item f1xucsdf css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="12"
     role="option"
     tabindex="-1"
@@ -4502,7 +4502,7 @@ exports[`Compare With Base updates the framework and url when a new one is selec
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item f1xucsdf css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="16"
     role="option"
     tabindex="-1"
@@ -4514,7 +4514,7 @@ exports[`Compare With Base updates the framework and url when a new one is selec
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item f1xucsdf css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="11"
     role="option"
     tabindex="-1"
@@ -4526,7 +4526,7 @@ exports[`Compare With Base updates the framework and url when a new one is selec
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item f1xucsdf css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="15"
     role="option"
     tabindex="-1"
@@ -4538,7 +4538,7 @@ exports[`Compare With Base updates the framework and url when a new one is selec
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item f1xucsdf css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="6"
     role="option"
     tabindex="-1"
@@ -4550,7 +4550,7 @@ exports[`Compare With Base updates the framework and url when a new one is selec
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item f1xucsdf css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="10"
     role="option"
     tabindex="-1"
@@ -4562,7 +4562,7 @@ exports[`Compare With Base updates the framework and url when a new one is selec
   </li>
   <li
     aria-selected="false"
-    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item f1xucsdf css-56615l-MuiButtonBase-root-MuiMenuItem-root"
+    class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters framework-dropdown-item css-56615l-MuiButtonBase-root-MuiMenuItem-root"
     data-value="1"
     role="option"
     tabindex="-1"
diff --git a/src/__tests__/__snapshots__/App.test.tsx.snap b/src/__tests__/__snapshots__/App.test.tsx.snap
index 06fd34e56..e842e5af7 100644
--- a/src/__tests__/__snapshots__/App.test.tsx.snap
+++ b/src/__tests__/__snapshots__/App.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`App CompareResults or CompareOverTime loader Should render an error pag
       role="alert"
     />
     <div
-      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-standardWarning MuiAlert-standard fld8l4l css-4haoe5-MuiPaper-root-MuiAlert-root"
+      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-standardWarning MuiAlert-standard fld8l4l css-1qrenvf-MuiPaper-root-MuiAlert-root"
       role="alert"
     >
       <div
@@ -267,7 +267,7 @@ exports[`App CompareResults or CompareOverTime loader Should render an error pag
       role="alert"
     />
     <div
-      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-standardWarning MuiAlert-standard fld8l4l css-4haoe5-MuiPaper-root-MuiAlert-root"
+      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-standardWarning MuiAlert-standard fld8l4l css-1qrenvf-MuiPaper-root-MuiAlert-root"
       role="alert"
     >
       <div
@@ -420,7 +420,7 @@ exports[`App CompareResults or CompareOverTime loader Should render an error pag
       role="alert"
     />
     <div
-      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-standardWarning MuiAlert-standard fld8l4l css-4haoe5-MuiPaper-root-MuiAlert-root"
+      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-standardWarning MuiAlert-standard fld8l4l css-1qrenvf-MuiPaper-root-MuiAlert-root"
       role="alert"
     >
       <div
diff --git a/src/components/Search/SearchDropdown.tsx b/src/components/Search/SearchDropdown.tsx
index ebbbaee27..8cba99bce 100644
--- a/src/components/Search/SearchDropdown.tsx
+++ b/src/components/Search/SearchDropdown.tsx
@@ -5,7 +5,7 @@ import { style } from 'typestyle';
 
 import { repoMap } from '../../common/constants';
 import { useAppSelector } from '../../hooks/app';
-import { ButtonsLightRaw, ButtonsDarkRaw, DropDownItems } from '../../styles';
+import { ButtonsLightRaw, ButtonsDarkRaw } from '../../styles';
 import { InputType, Repository } from '../../types/state';
 
 interface SearchDropdownProps {
@@ -49,9 +49,6 @@ function SearchDropdown({
     }),
   };
 
-  const menuItemStyles =
-    mode === 'light' ? DropDownItems.Light : DropDownItems.Dark;
-
   return (
     <>
       <FormControl
@@ -77,7 +74,7 @@ function SearchDropdown({
               id={repoMap[key]}
               value={repoMap[key]}
               key={repoMap[key]}
-              className={`${searchType}Repository ${menuItemStyles}`}
+              className={`${searchType}Repository`}
             >
               {repoMap[key]}
             </MenuItem>
diff --git a/src/components/Search/TimeRangeDropdown.tsx b/src/components/Search/TimeRangeDropdown.tsx
index 1fc93ceb9..0b4909bca 100644
--- a/src/components/Search/TimeRangeDropdown.tsx
+++ b/src/components/Search/TimeRangeDropdown.tsx
@@ -7,12 +7,7 @@ import { style } from 'typestyle';
 import { timeRangeMap } from '../../common/constants';
 import { useAppSelector } from '../../hooks/app';
 import { Strings } from '../../resources/Strings';
-import {
-  ButtonsLightRaw,
-  ButtonsDarkRaw,
-  DropDownItems,
-  FontSize,
-} from '../../styles';
+import { ButtonsLightRaw, ButtonsDarkRaw, FontSize } from '../../styles';
 import type { TimeRange } from '../../types/types';
 import { formatDateRange } from '../../utils/format';
 
@@ -57,8 +52,6 @@ function TimeRangeDropdown({
     const value = +event.target.value as TimeRange['value'];
     onChange(value);
   };
-  const menuItemStyles =
-    mode === 'light' ? DropDownItems.Light : DropDownItems.Dark;
 
   return (
     <>
@@ -82,7 +75,7 @@ function TimeRangeDropdown({
             <MenuItem
               value={value}
               key={value}
-              className={`timerange-dropdown-item ${menuItemStyles} ${styles.menuItem}`}
+              className={`timerange-dropdown-item ${styles.menuItem}`}
             >
               <div className={styles.dateRange}>
                 {text}
diff --git a/src/components/Shared/FrameworkDropdown.tsx b/src/components/Shared/FrameworkDropdown.tsx
index b205c7c53..79afa50fa 100644
--- a/src/components/Shared/FrameworkDropdown.tsx
+++ b/src/components/Shared/FrameworkDropdown.tsx
@@ -2,7 +2,6 @@ import MenuItem from '@mui/material/MenuItem';
 import Select, { SelectChangeEvent } from '@mui/material/Select';
 
 import { frameworkMap } from '../../common/constants';
-import { DropDownItems } from '../../styles/DropDownMenu';
 import { ThemeMode } from '../../types/state';
 import type { Framework } from '../../types/types';
 
@@ -38,8 +37,6 @@ function FrameworkDropdown({
   onChange,
   mode,
 }: FrameworkDropdownProps) {
-  const menuItemStyles =
-    mode === 'light' ? DropDownItems.Light : DropDownItems.Dark;
   const onValueChange = (event: SelectChangeEvent) => {
     const id = +event.target.value as Framework['id'];
     onChange(id);
@@ -65,11 +62,7 @@ function FrameworkDropdown({
       }}
     >
       {sortedFrameworks.map(([id, name]) => (
-        <MenuItem
-          value={id}
-          key={name}
-          className={`framework-dropdown-item ${menuItemStyles}`}
-        >
+        <MenuItem value={id} key={name} className={`framework-dropdown-item`}>
           {name}
         </MenuItem>
       ))}
diff --git a/src/styles/DropDownMenu.ts b/src/styles/DropDownMenu.ts
deleted file mode 100644
index 8d43601e6..000000000
--- a/src/styles/DropDownMenu.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { style } from 'typestyle';
-
-import { Colors } from './Colors';
-import { Spacing } from './Spacing';
-
-const sharedDropDownStyles = {
-  display: 'flex',
-  justifyContent: 'space-between',
-  flexDirection: 'column',
-  minWidth: '200px',
-  borderRadius: `${Spacing.xSmall}px`,
-  marginTop: `${Spacing.Small}px`,
-};
-
-const sharedListStyles = {
-  border: `${Spacing.xSmall / 2}px solid transparent`,
-  borderRadius: `${Spacing.xSmall}px`,
-  padding: `${Spacing.Small}px`,
-  margin: `${Spacing.xSmall}px ${Spacing.Small}px`,
-};
-
-export const DropDownMenuRaw = {
-  Light: {
-    ...sharedDropDownStyles,
-    backgroundColor: Colors.Background300,
-    border: `1px solid ${Colors.BorderDefault}`,
-    boxShadow: Colors.ShadowLight,
-  },
-
-  Dark: {
-    ...sharedDropDownStyles,
-    backgroundColor: Colors.Background200Dark,
-    border: `1px solid ${Colors.Background300Dark}`,
-    boxShadow: Colors.ShadowDark,
-  },
-};
-
-//DROPDOWN ITEM
-export const DropDownItemRaw = {
-  Light: {
-    ...sharedListStyles,
-    color: Colors.PrimaryText,
-    $nest: {
-      '&:hover': {
-        backgroundColor: Colors.SecondaryHover,
-      },
-      '&.Mui-selected': {
-        backgroundColor: Colors.SecondaryActive,
-      },
-    },
-  },
-
-  Dark: {
-    ...sharedListStyles,
-    color: Colors.PrimaryTextDark,
-    $nest: {
-      '&:hover': {
-        backgroundColor: Colors.SecondaryHoverDark,
-      },
-      '&.Mui-selected': {
-        backgroundColor: Colors.SecondaryActiveDark,
-      },
-    },
-  },
-};
-
-export const DropDownItems = {
-  Light: style(DropDownItemRaw.Light),
-  Dark: style(DropDownItemRaw.Dark),
-};
diff --git a/src/styles/index.tsx b/src/styles/index.tsx
index def5cb2e8..68b178d03 100644
--- a/src/styles/index.tsx
+++ b/src/styles/index.tsx
@@ -6,7 +6,6 @@ export * from './ResponsiveStyle';
 export * from './ScreenSize';
 export * from './Spacing';
 export * from './Input';
-export * from './DropDownMenu';
 export * from './SelectList';
 export * from './Switch';
 export * from './Banner';
diff --git a/src/theme/components.js b/src/theme/components.js
index 629f8f9d4..c205c9c87 100644
--- a/src/theme/components.js
+++ b/src/theme/components.js
@@ -1,15 +1,6 @@
 import { green, red } from '@mui/material/colors';
 
-import {
-  Spacing,
-  FontsRaw,
-  FontSizeRaw,
-  TooltipRaw,
-  DropDownMenuRaw,
-  DropDownItemRaw,
-  Colors,
-  Select,
-} from '../styles';
+import { Spacing, FontsRaw, FontSizeRaw, TooltipRaw, Select } from '../styles';
 import android from './img/android.svg';
 import high from './img/high.svg';
 import linux from './img/linux.svg';
@@ -75,24 +66,6 @@ const components = {
         '&.filter-status .MuiAlert-icon': {
           paddingTop: '17px',
         },
-        '&.paper-light': {
-          ...DropDownMenuRaw.Light,
-        },
-        '&.paper-dark': {
-          ...DropDownMenuRaw.Dark,
-          $nest: {
-            '.MuiList-root': {
-              $nest: {
-                '.MuiMenuItem-root': {
-                  ...DropDownItemRaw.Dark,
-                },
-                '.Mui-selected': {
-                  backgroundColor: Colors.SecondaryActiveDark,
-                },
-              },
-            },
-          },
-        },
       },
     },
   },