diff --git a/components/Header.vue b/components/Header.vue
index 97114c585..432d970f6 100644
--- a/components/Header.vue
+++ b/components/Header.vue
@@ -183,7 +183,7 @@
             </nuxt-link>
         </div>
         <div class="container">
-            <SafariWarning dismissable/>
+            <SafariWarning dismissable />
         </div>
         <div v-if="$user() && $user().bannedReason" class="alert alert-danger mb-0 container">
             <p class="h4 mb-2">
diff --git a/components/SafariWarning.vue b/components/SafariWarning.vue
index 656c33638..52547e967 100644
--- a/components/SafariWarning.vue
+++ b/components/SafariWarning.vue
@@ -32,9 +32,23 @@
 
 <script>
 export default {
+    props: {
+        dismissable: { type: Boolean },
+    },
     data() {
         return {
             display: false,
+        };
+    },
+    mounted() {
+        if (!process.client) {
+            return;
+        }
+
+        this.display = this.$isSafari();
+
+        if (this.dismissable && !!localStorage.getItem('safariWarningDismissed')) {
+            this.display = false;
         }
     },
     methods: {
@@ -43,17 +57,5 @@ export default {
             this.display = false;
         },
     },
-    mounted() {
-        if (!process.client) { return; }
-
-        this.display = this.$isSafari();
-
-        if (this.dismissable && !!localStorage.getItem('safariWarningDismissed')) {
-            this.display = false;
-        }
-    },
-    props: {
-        dismissable: { type: Boolean },
-    },
 };
 </script>