diff --git a/components/dashboard/NavBar.tsx b/components/dashboard/NavBar.tsx
index b940fd6..af25a5f 100644
--- a/components/dashboard/NavBar.tsx
+++ b/components/dashboard/NavBar.tsx
@@ -6,7 +6,7 @@ function NavBar() {
   return (
     <div className="m-3">
       <m.div
-        className="flex min-h-[5rem] w-full flex-row items-center justify-between rounded-2xl bg-zinc-800 p-1 lg:h-full lg:w-24 lg:flex-col"
+        className="flex min-h-[5rem] w-full flex-row items-center justify-between rounded-2xl bg-zinc-800 bg-opacity-70 p-1 lg:h-full lg:w-24 lg:flex-col"
         variants={navContainerVariants}
         initial="initial"
         animate="animate"
diff --git a/pages/dashboard/index.tsx b/pages/dashboard/index.tsx
index 6595e0a..8ad0a5a 100644
--- a/pages/dashboard/index.tsx
+++ b/pages/dashboard/index.tsx
@@ -17,31 +17,31 @@ function Dashboard() {
         animate="animate"
       >
         <m.div
-          className="col-span-1 m-2 rounded-2xl bg-zinc-800 p-3"
+          className="col-span-1 m-2 rounded-2xl bg-zinc-800 bg-opacity-70 p-3"
           variants={gridItemVariants}
         >
           1
         </m.div>
         <m.div
-          className="col-span-1 row-span-3 m-2 rounded-2xl bg-zinc-800 p-3 lg:col-span-3 lg:row-span-1"
+          className="col-span-1 row-span-3 m-2 rounded-2xl bg-zinc-800 bg-opacity-70 p-3 lg:col-span-3 lg:row-span-1"
           variants={gridItemVariants}
         >
           2
         </m.div>
         <m.div
-          className="col-span-1 m-2 rounded-2xl bg-zinc-800 p-3"
+          className="col-span-1 m-2 rounded-2xl bg-zinc-800 bg-opacity-80 p-3"
           variants={gridItemVariants}
         >
           3
         </m.div>
         <m.div
-          className="col-span-1 row-span-4 m-2 rounded-2xl bg-zinc-800 p-3 lg:col-span-4 lg:row-span-1"
+          className="col-span-1 row-span-4 m-2 rounded-2xl bg-zinc-800 bg-opacity-70 p-3 lg:col-span-4 lg:row-span-1"
           variants={gridItemVariants}
         >
           4
         </m.div>
         <m.div
-          className="col-span-1 m-2 rounded-2xl bg-zinc-800 p-3"
+          className="col-span-1 m-2 rounded-2xl bg-zinc-800 bg-opacity-70 p-3"
           variants={gridItemVariants}
         >
           5