diff --git a/src/app/(authed)/admin/_components/DashboardMenu.tsx b/src/app/(authed)/admin/_components/DashboardMenu.tsx
index 0b2fd953..a0a1402f 100644
--- a/src/app/(authed)/admin/_components/DashboardMenu.tsx
+++ b/src/app/(authed)/admin/_components/DashboardMenu.tsx
@@ -1,7 +1,13 @@
 'use client';
 
 import { Star } from '@mui/icons-material';
-import { styled, Typography, MenuList, MenuItem } from '@mui/material';
+import {
+  styled,
+  Typography,
+  MenuList,
+  MenuItem,
+  ListItemIcon,
+} from '@mui/material';
 import Drawer from '@mui/material/Drawer';
 
 const Demo = styled('div')(({ theme }) => ({
@@ -28,7 +34,9 @@ const DashboardMenu = () => {
           {['Dashboard', 'Forms', 'Announcements'].map((value) => {
             return (
               <MenuItem key={value}>
-                <Star />
+                <ListItemIcon>
+                  <Star />
+                </ListItemIcon>
                 {value}
               </MenuItem>
             );