diff --git a/flatisfy/web/js_src/components/slider.vue b/flatisfy/web/js_src/components/slider.vue
index eec3c32..d5f476e 100644
--- a/flatisfy/web/js_src/components/slider.vue
+++ b/flatisfy/web/js_src/components/slider.vue
@@ -114,8 +114,8 @@ export default {
 .modal-content {
     margin: auto;
     display: block;
-    height: 80%;
-    max-width: 700px;
+    max-height: 80%;
+    max-width: 100%;
 }
 
 .close {