diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index 6c7af0668..8e9dceb7c 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -22105,6 +22105,8 @@ and open the template in the editor.
   height: auto;
   max-height: 500px;
   width: 60vw;
+  display: flex;
+  flex-direction: column;
 }
 #fullscreen #preview_spremenljivka .popup_close {
   position: absolute !important;
diff --git a/resources/sass/admin_new/pages/survey_edit/popups/preview_question.scss b/resources/sass/admin_new/pages/survey_edit/popups/preview_question.scss
index f945f950a..1139ca46c 100644
--- a/resources/sass/admin_new/pages/survey_edit/popups/preview_question.scss
+++ b/resources/sass/admin_new/pages/survey_edit/popups/preview_question.scss
@@ -37,6 +37,9 @@ $progress_bar_background: black;
 		max-height: 500px;
 		width: 60vw;
 
+		display: flex;
+		flex-direction: column;
+
         #spremenljivka_preview {
             .spremenljivka {
                 box-sizing: border-box;