diff --git a/app/templates/prime/html/footer.html b/app/templates/prime/html/footer.html
index b485faa..fee4199 100644
--- a/app/templates/prime/html/footer.html
+++ b/app/templates/prime/html/footer.html
@@ -1,3 +1,3 @@
-<footer class="footer" id="footer">
+<footer class="footer fixed-bottom" id="footer">
     <p>${copyright}</p>
 </footer>
diff --git a/app/templates/prime/html/navbar.html b/app/templates/prime/html/navbar.html
index 98b8a08..3eae64e 100644
--- a/app/templates/prime/html/navbar.html
+++ b/app/templates/prime/html/navbar.html
@@ -1,5 +1,5 @@
 <!-- Navbar -->
-<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
     <div class="container-fluid">
         <a class="navbar-brand" href="#">${title}</a>
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
diff --git a/app/templates/prime/static/css/style.css b/app/templates/prime/static/css/style.css
index 4bbc736..99a2540 100644
--- a/app/templates/prime/static/css/style.css
+++ b/app/templates/prime/static/css/style.css
@@ -1,5 +1,6 @@
 body {
     min-height: 100vh;
+    padding-top: 56px;
 }
 
 .navbar {
@@ -25,7 +26,7 @@ body {
 
 .content {
     margin-left: 250px;
-    padding: 20px;
+    padding-bottom: 20px;
     transition: margin-left 0.3s ease-in-out;
 }
 
@@ -34,24 +35,21 @@ body {
 }
 
 .footer {
-    position: fixed;
-    bottom: 0;
-    width: calc(100% - 250px);
-    margin-left: 250px;
     background-color: #f8f9fa;
-    padding: 10px;
+    padding-top: 5px;
     text-align: center;
+    margin-left: 250px;
     transition: margin-left 0.3s ease-in-out;
+    z-index: 1010;
 }
 
 .footer.full-width {
-    width: 100%;
     margin-left: 0;
 }
 
 .profile-image {
-    width: 30px;
-    height: 30px;
+    width: 20px;
+    height: 20px;
     border-radius: 50%;
     object-fit: cover;
 }