From b70293776bc6d2fa5f7a45f696dce3a4d5c5af68 Mon Sep 17 00:00:00 2001
From: Nathan Levesque <nlevesq@mit.edu>
Date: Tue, 9 Jul 2024 15:48:32 -0400
Subject: [PATCH] Align departments listing colors to designs

---
 .../DepartmentListingPage/DepartmentListingPage.tsx    | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/frontends/mit-open/src/pages/DepartmentListingPage/DepartmentListingPage.tsx b/frontends/mit-open/src/pages/DepartmentListingPage/DepartmentListingPage.tsx
index 2b49fa76b3..f40a37f645 100644
--- a/frontends/mit-open/src/pages/DepartmentListingPage/DepartmentListingPage.tsx
+++ b/frontends/mit-open/src/pages/DepartmentListingPage/DepartmentListingPage.tsx
@@ -44,10 +44,6 @@ const SCHOOL_ICONS: Record<string, React.ReactNode> = {
   "https://computing.mit.edu/": <RiTerminalBoxLine />,
 }
 
-const Page = styled.div(({ theme }) => ({
-  backgroundColor: theme.custom.colors.white,
-}))
-
 const SchoolTitle = styled.h2(({ theme }) => {
   return {
     marginBottom: "10px",
@@ -105,7 +101,7 @@ const DepartmentLink = styled(ListItemLink)(({ theme }) => ({
     },
   },
   "&:hover": {
-    backgroundColor: theme.custom.colors.lightGray1,
+    backgroundColor: theme.custom.colors.white,
     ".hover-dark, .MuiListItemText-secondary": {
       color: theme.custom.colors.darkGray1,
     },
@@ -217,7 +213,7 @@ const DepartmentListingPage: React.FC = () => {
     : {}
 
   return (
-    <Page>
+    <>
       <MetaTags title="Departments" />
       <Banner
         backgroundUrl="/static/images/background_steps.jpeg"
@@ -249,7 +245,7 @@ const DepartmentListingPage: React.FC = () => {
           </Grid>
         </Grid>
       </Container>
-    </Page>
+    </>
   )
 }