diff --git a/css/styles.css b/css/styles.css
index b61f0f69..e60dea39 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -568,23 +568,16 @@ input[type=number] {
   outline: none;
 }
 
-div.darkmode-background{
+div.darkmode-background {
   background: #fef0e3;
   background-image:
     radial-gradient(#fff 20%, transparent 0),
     radial-gradient(#fff 20%, transparent 0);
-  position: inherit;
+  position: static;
 }
 
-body.darkmode--activated{
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-family: 'Varela Round', sans-serif;
-  width: 100%;
-  margin: 0 0 0 0;
-  position: absolute;
+.darkmode--activated .darkmode-background {
+  position: fixed;
 }
 
 body.darkmode--activated div[class^="dialog-box"],