From 28c245ba27d7a2e2ce66a368f088fa5cd98eacbe Mon Sep 17 00:00:00 2001
From: KotapatiSaiMounika <kotapatisaimounika@gmail.com>
Date: Sun, 25 Jan 2026 12:19:58 +0530
Subject: [PATCH] style: add inward shadow to general Layout component

---
 frontend/src/Components/common/Layout.jsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

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">