diff --git a/public/resources/css/module/_api.scss b/public/resources/css/module/_api.scss
index 55c9149cdc..558dd70812 100644
--- a/public/resources/css/module/_api.scss
+++ b/public/resources/css/module/_api.scss
@@ -169,6 +169,15 @@ input.api-filter {
 }
 
 @media screen and (max-width: 600px) {
+  .docs-content {
+    // Overrides display flex from angular material.
+    // This was added because Safari doesn't play nice with layout="column".
+    // Look of API doc in Chrome and Firefox remains the same, and is fixed for Safari.
+    .layout-xs-column {
+      display: block !important;
+    }
+  }
+
   code {
     font-size: 12px;
   }