diff --git a/src/app/favicon.ico b/src/app/favicon.ico
index 718d6fe..b1e41ff 100644
Binary files a/src/app/favicon.ico and b/src/app/favicon.ico differ
diff --git a/src/components/SideNavBar.tsx b/src/components/SideNavBar.tsx
index 6857eef..e6db6ba 100644
--- a/src/components/SideNavBar.tsx
+++ b/src/components/SideNavBar.tsx
@@ -51,7 +51,7 @@ const SideNavBar = ({ user }: SideNavBarProps) => {
   const tabs = user.role === Role.ADMIN ? adminTabs : volunteerTabs;
 
   return (
-    <div className="h-screen w-60 border-t border-r border-gray-200 fixed left-0">
+    <div className="h-screen w-60 border-t border-r border-gray-200 fixed bg-white z-20 left-0">
       <div className="flex place-content-center my-6 ">
         <Image
           className="cursor-pointer"