diff --git a/src/lib/components/ChatSidebar.svelte b/src/lib/components/ChatSidebar.svelte
index e233cf7..32a3143 100644
--- a/src/lib/components/ChatSidebar.svelte
+++ b/src/lib/components/ChatSidebar.svelte
@@ -138,7 +138,7 @@
 <aside
   bind:this={asideEl}
   class="absolute right-0 top-2 h-[calc(100%-0.5rem)] z-10 flex flex-col rounded-tl-xl min-[1540px]:rounded-tr-xl bg-white transition-all duration-200
-		{expanded ? 'w-150 shadow-2xl' : 'w-80'} px-6 py-6"
+		{expanded ? 'w-150 shadow-2xl' : 'w-80 shadow-lg'} px-6 py-6"
 >
   <div class="flex shrink-0 items-center justify-between mb-6">
     <span class="text-[1.5rem] text-brand leading-7">Chat</span>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index c4feba4..e421e5b 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -42,11 +42,15 @@
   Mobile version is coming, for now use a desktop PC
 </div>
 
-<div class="hidden h-screen flex-col overflow-hidden max-w-[1540px] mx-auto md:flex">
+<div
+  class="hidden h-screen flex-col overflow-hidden max-w-[1540px] mx-auto md:flex"
+>
   <Navbar />
   <div class="relative flex flex-1 gap-5 overflow-hidden pt-2">
     <LeftSidebar {mode} {activeRoom} />
-    <main class="flex-1 overflow-y-auto rounded-t-xl bg-white px-10 pt-6 pb-20">
+    <main
+      class="flex-1 overflow-y-auto rounded-t-xl bg-white px-10 pt-6 pb-20 shadow-lg"
+    >
       {@render children()}
     </main>
     {#if chatEnabled}