diff --git a/frontend/src/components/pages/courses/CourseUnitsPage.tsx b/frontend/src/components/pages/courses/CourseUnitsPage.tsx
index 9cb65b0..9adeea4 100644
--- a/frontend/src/components/pages/courses/CourseUnitsPage.tsx
+++ b/frontend/src/components/pages/courses/CourseUnitsPage.tsx
@@ -51,6 +51,7 @@ export default function CourseUnitsPage() {
           <MenuOpenIcon
             sx={{
               fontSize: "18px",
+              transform: "scaleX(-1)",
             }}
           />
         </Button>
diff --git a/frontend/src/theme/theme.ts b/frontend/src/theme/theme.ts
index be875e9..06c1365 100644
--- a/frontend/src/theme/theme.ts
+++ b/frontend/src/theme/theme.ts
@@ -8,7 +8,6 @@ import { TypographyStyleOptions } from "@mui/material/styles/createTypography";
 import { error, learner, administrator, facilitator, neutral } from "./palette";
 import "@fontsource/lexend-deca";
 
-
 // adding custom attributes to palette
 declare module "@mui/material/styles" {
   // allow configuration using `createTheme`