diff --git a/app/assets/stylesheets/darkswarm/modals.css.sass b/app/assets/stylesheets/darkswarm/modals.css.sass
index 3080747914..f489e5a75f 100644
--- a/app/assets/stylesheets/darkswarm/modals.css.sass
+++ b/app/assets/stylesheets/darkswarm/modals.css.sass
@@ -9,19 +9,19 @@ dialog, .reveal-modal
   
   // Sets up max heights based on device height
   @media all and (min-height: 1025px) 
-    max-height: 800px
+    max-height: 80%
 
   @media all and (min-height: 700px) and (max-height: 1024px)
-    max-height: 600px
+    max-height: 70%
 
   @media all and (min-height: 600px) and (max-height: 699px)
-    max-height: 560px
+    max-height: 60%
 
   @media all and (min-height: 481px) and (max-height: 599px)
-    max-height: 440px
+    max-height: 60%
 
   @media only screen and (max-height: 480px)
-    max-height: 440px
+    max-height: 60%
 
   @media handheld and (max-height: 480px)
     max-height: 100%