diff --git a/public/style.css b/public/style.css
index 3963c08..9f652b0 100644
--- a/public/style.css
+++ b/public/style.css
@@ -22,6 +22,9 @@ body, html {
   text-decoration: none;
   display: flex;
   align-items: center; }
+  @media screen and (max-height: 400px) {
+    #buttonwrapper {
+      top: 10px; } }
   #buttonwrapper:hover {
     text-decoration: none; }
     #buttonwrapper:hover #icon {
diff --git a/public/style.scss b/public/style.scss
index 51ebfa0..e50f95b 100644
--- a/public/style.scss
+++ b/public/style.scss
@@ -23,6 +23,9 @@ body, html {
 }
 
 #buttonwrapper {
+  @media screen and (max-height: 400px) {
+    top: 10px;
+  }
   position: fixed;
   top: 50px;
   text-decoration: none;