diff --git a/frontend/src/Components/common/Layout.jsx b/frontend/src/Components/common/Layout.jsx
index d9592602..82b2c4c7 100644
--- a/frontend/src/Components/common/Layout.jsx
+++ b/frontend/src/Components/common/Layout.jsx
@@ -1,6 +1,5 @@
 import React from "react";
 import Sidebar from "./Sidebar";
-import { useProfile } from "../../hooks/useProfile";
 import UserIcon from "./userIcon";
 import { useSidebar } from "../../hooks/useSidebar";
 
@@ -55,7 +54,10 @@ const Layout = ({ headerText, gridConfig, components, children = null }) => {
       <div
         className={`h-screen p-6 transition-all duration-300 ${isCollapsed ? "ml-20" : "ml-56"}`}
       >
-        <div className="bg-[#FDFAE2] rounded-[3rem] h-full flex flex-col p-6">
+        <div
+          className="bg-[#FDFAE2] rounded-[3rem] h-full flex flex-col p-6"
+          style={{ boxShadow: "inset 0 6px 12px rgba(0, 0, 0, 0.12)" }}
+        >
           {/* Header Section */}
           <div className="flex items-center justify-between mb-4 flex-shrink-0">
             <h1 className="text-3xl text-black">