diff --git a/frontend/src/assets/app.css b/frontend/src/assets/app.css
index f0379ed..b6ef8da 100644
--- a/frontend/src/assets/app.css
+++ b/frontend/src/assets/app.css
@@ -22,9 +22,12 @@
 }
 
 #header {
+    /* make header fixed to top when the content bellow starts scrolling */
+  position: sticky;
+    top: 0;
+    z-index: 1;
   display: flex;
   flex-direction: row;
-  position: relative;
   border-bottom: lightgray 1px solid;
   height: 2.5rem;
   alignment-baseline: center;