diff --git a/templates/base.html b/templates/base.html
index 4d66856..f219da4 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -18,8 +18,8 @@
 
 </header>
 
-<div class="d-inline-flex min-vw-100 min-vh-100">
-    <div class="">
+<div class="d-inline-flex min-vw-100 min-vh-100" style="padding-top:3rem;">
+    <div id="sidebar" class="">
         {% block sidebar %}
             {% include 'sidebar.html' %}
         {% endblock %}
@@ -31,7 +31,7 @@
             {% block header %}
             {% endblock %}
         </div>
-        <div class="container-fluid m-2">
+        <div class="container-fluid">
             {% block content %}{% endblock %}
         </div>
     </div>
diff --git a/templates/navbar.html b/templates/navbar.html
index 883dc24..2288204 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -1,6 +1,6 @@
 {% load static %}
-<nav class="navbar navbar-dark navbar-expand-md py-0" style="background: #323669;">
-    <a class="navbar-brand d-flex text-uppercase fw-bold m-1 mx-2 text-dark" href="{% url 'home' %}">
+<nav class="navbar navbar-dark navbar-expand-md py-0 fixed-top" style="background: #323669;height:3rem">
+    <a class="navbar-brand d-flex text-uppercase fw-bold m-1 mx-2 text-dark" data-bs-toggle="collapse" data-bs-target="#sidebar">
         <img class="d-inline-block" width="32" height="32" src="{% static 'benchcoach.svg' %}" />
         <span class="d-none d-print-inline-block d-sm-inline-block d-md-inline-block d-lg-inline-block d-xl-inline-block d-xxl-inline-block mx-1 my-auto text-white">bench coach</span>
     </a>