diff --git a/templates/base.html b/templates/base.html
index a9faf3109f33957a769d40403b1b2ef395a2cfd5..98ce67113dd5b1f1873f67cba2073c262c5a8b3b 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -10,7 +10,7 @@
     {% block head %}{% endblock %}
 </head>
 <body>
-<div class="navbar mb-2 shadow-lg bg-neutral text-neutral-content rounded-box">
+<div class="navbar shadow-lg bg-neutral text-neutral-content rounded-box max-h-24 mb-3.5">
     <div class="flex-none lg:hidden">
         <label for="my-drawer-3" class="btn btn-square btn-ghost">
             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
@@ -21,7 +21,7 @@
         </label>
     </div>
     <div class="flex-1 px-2 mx-2 navbar-start">
-        <a href="{% url 'home_view' %}" class="text-lg font-bold">
+        <a href="{% url 'home_view' %}" class="text-lg font-bold align-middle">
             {% block home_logo %}DaisyUI{% endblock %}
         </a>
     </div>
@@ -53,23 +53,22 @@
         </div>
     </div>
 </div>
-<div class="drawer drawer-mobile">
+<div class="drawer drawer-mobile pt-20" style="margin-top:-5rem;">
     <input id="my-drawer-3" type="checkbox" class="drawer-toggle"/>
     <div class="drawer-content flex flex-col">
         <!-- Navbar -->
 
         <!-- Page content here -->
         <main>
-            <div class="p-4 lg:pl-0">
+            <div class="p-4 mb-20 lg:mb-0">
                 {% block content %}
                 {% endblock %}
             </div>
         </main>
     </div>
-    <div class="drawer-side sm:shadow-lg sm:rounded-box m-4">
+    <div class="drawer-side shadow-lg rounded-box lg:ml-4">
         <label for="my-drawer-3" class="drawer-overlay"></label>
-        <ul class="menu p-4 w-fit m-w-xs bg-base-100">
-            <!-- Sidebar content here -->
+        <ul class="menu p-4 w-fit m-w-xs mb-20 lg:mb-0 bg-base-100">
             {% block sidebar_list %}
                 <li><a>Sidebar Item 1</a></li>
                 <li><a>Sidebar Item 2</a></li>