diff --git a/app/templates/index.html b/app/templates/index.html
index 10275b0..edec5ec 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -23,7 +23,7 @@
 </head>
 <body class="min-h-screen flex flex-col" x-data="{}" x-on:open-modal.window="$refs.modal.showModal()"
     x-on:close-modal.window="$refs.modal.close()">
-    <header class="bg-base-100 border-b border-base-300 p-4 flex justify-between  shadow-sm">
+    <header class="bg-base-100 border-b border-base-300 p-4 flex justify-between  shadow-sm fixed top-0 left-0 right-0 z-20">
         <div>
             <h1 class="text-2xl font-bold text-primary flex items-center">
                 <i class="fas fa-envelope mr-2"></i>
@@ -61,7 +61,7 @@
         </div>
     </header>
     <div class="flex">
-        <div class="sidebar w-64 min-h-screen p-4 flex flex-col bg-base-200 shadow-lg">
+        <div class="sidebar w-64 p-4 flex flex-col bg-base-200 shadow-lg fixed top-16 left-0 bottom-0 z-10">
 
             <nav class="flex-grow menu bg-transparent rounded-lg">
                 <div class="active">
@@ -107,7 +107,7 @@
         </div>
 
         <!-- Main Content -->
-        <div class="flex-1 flex flex-col">
+        <div class="flex-1 ml-64 mt-16 flex flex-col">
             <!-- Top Bar -->
 
             <!-- Main Content Area -->
