diff --git a/public/style/style.css b/public/style/style.css
index d65be3e5b45182bfc42761a06dcb762a7e60d822..51c7fbecabcf278eeb2afdf0a685949fbc56080c 100644
--- a/public/style/style.css
+++ b/public/style/style.css
@@ -97,6 +97,11 @@ main .image-carousel .carousel-bullets .bullet.active {
 }
 main header {
   width: 100%;
+  background-color: white;
+  position: sticky;
+  position: -webkit-sticky;
+  top: 0;
+  z-index: 10;
 }
 main header nav {
   display: flex;
diff --git a/src/style.scss b/src/style.scss
index 621f723d103048d7d8ab602559b0ace6ca175032..1ab369b4cc78a29d2d86d1726d26141586305527 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -98,6 +98,11 @@ main {
 
     header {
         width: 100%;
+        background-color: white;
+        position: sticky;
+        position: -webkit-sticky;
+        top: 0;
+        z-index: 10;
         nav {
             display: flex;
             align-items: center;