diff --git a/docs/src/layouts/App/index.vue b/docs/src/layouts/App/index.vue
index e5b8684d..e2703ecf 100644
--- a/docs/src/layouts/App/index.vue
+++ b/docs/src/layouts/App/index.vue
@@ -202,10 +202,11 @@ export default {
   },
 
   mounted() {
-    this.handleResize()
-    this.$nextTick(() => {
+    // what the hell is wrong with iOS safari
+    setTimeout(() => {
+      this.handleResize()
       this.initSearch()
-    })
+    }, 0)
 
     window.addEventListener('resize', this.handleResize)
   },
diff --git a/docs/src/layouts/App/style.scss b/docs/src/layouts/App/style.scss
index 98cab33b..a3741f88 100644
--- a/docs/src/layouts/App/style.scss
+++ b/docs/src/layouts/App/style.scss
@@ -3,6 +3,8 @@ $mobileBreakPoint: 600px;
 $menuBreakPoint: 800px;
 
 .app {
+  overflow: hidden;
+
   &__navigation {
     position: fixed;
     display: flex;