diff --git a/resources/assets/less/metager/result-page.less b/resources/assets/less/metager/result-page.less
index 454bd1379cac9badea2b512ce75250274c891d58..a55bea1c021e7740b031c2a340c6264ee1b883cf 100644
--- a/resources/assets/less/metager/result-page.less
+++ b/resources/assets/less/metager/result-page.less
@@ -398,11 +398,13 @@ a {
         }
     }
     @media (max-width: @resultpage-breakpoint-large) {
-        #research-bar-container {
-            width: ~"calc(60% - 1px)";
+        @supports (display: grid) {
+            #research-bar-container {
+                width: ~"calc(60% - 1px)";
+            }
+            grid-template-columns:~"calc(60% - 8px)"~"calc(40% - 8px)";
+            grid-template-areas: "searchbar ." "foki ." "results additions";
         }
-        grid-template-columns:~"calc(60% - 8px)"~"calc(40% - 8px)";
-        grid-template-areas: "searchbar ." "foki ." "results additions";
     }
     @media (max-width: @resultpage-breakpoint-small) {
         #research-bar-container {
@@ -564,4 +566,23 @@ footer.resultPageFooter {
     #research-bar>.openSidebar {
         display: initial;
     }
+}
+
+/* Style-fixes for browsers that do not support grid layout */
+
+#resultpage-container {
+    #results-container {
+        float: left;
+        @media (max-width: @resultpage-breakpoint-small) {
+            float:none;
+        }
+    }
+    #additions-container {
+        float: left;
+        margin-left: 20px;
+        @supports (display: grid) {
+            float: none;
+            margin-left: 0px;
+        }
+    }
 }
\ No newline at end of file