diff --git a/public/styles/style.css b/public/styles/style.css
index d6a6640c2a9100342749c2c0e469ace7e45bda5e..ad1be8bb31e1bde1a8ba62dcb221d62cc765c0b4 100644
--- a/public/styles/style.css
+++ b/public/styles/style.css
@@ -205,7 +205,7 @@ header {
   position: relative;
   background-image: url("../img/header_img_placeholder.jpg");
   background-repeat: no-repeat;
-  background-size: cover 100%;
+  background-size: cover;
   padding: 1.5em 1em;
 }
 
@@ -303,6 +303,7 @@ footer {
 
 #font-selection {
   color: #333333;
+  accent-color: #6600ea;
   background: #efefef;
   border-radius: 15px;
   border: 1px solid #6600ea;
@@ -366,10 +367,6 @@ footer {
     flex-basis: 20rem;
   }
 
-  header {
-    background-size: 100%;
-  }
-
   .skiplink {
     -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
     clip-path: polygon(0 0, 0 0, 0 0, 0 0);
diff --git a/public/styles/style.scss b/public/styles/style.scss
index 0cb715122cc1a5c6e88038b8b76456f303ccc1e9..ee89d333122a7e5797765f28558953da939b8207 100644
--- a/public/styles/style.scss
+++ b/public/styles/style.scss
@@ -46,7 +46,7 @@ header {
   position: relative;
   background-image: url("../img/header_img_placeholder.jpg");
   background-repeat: no-repeat;
-  background-size: cover 100%;
+  background-size: cover;
   padding: 1.5em 1em;
 }
 
@@ -137,6 +137,7 @@ footer {
 }
 #font-selection {
   color: $color_light;
+  accent-color: $tertiary_light;
   background: $bg_light;
   border-radius: 15px;
   border: 1px solid $tertiary_light;
@@ -198,9 +199,6 @@ align-self: center;
   main > * {
     flex-basis: 20rem;
   }
-  header {
-    background-size: 100%;
-  }
   .skiplink {
     -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
     clip-path: polygon(0 0, 0 0, 0 0, 0 0);