diff --git a/client/styles/layout/_ide.scss b/client/styles/layout/_ide.scss
index ebd2d772..52fc5e97 100644
--- a/client/styles/layout/_ide.scss
+++ b/client/styles/layout/_ide.scss
@@ -16,10 +16,15 @@
   max-width: 45%;
   height: 100%;
   position: relative;
+
+  // temporary fix for safari
+  min-height: 75vh;
 }
 
 .editor-holder {
 	height: 100%;
+  width: 100%;
+  position: absolute;
 }
 
 .preview-frame {