diff --git a/package.json b/package.json
index a917b569d..3ecd82eeb 100644
--- a/package.json
+++ b/package.json
@@ -39,6 +39,7 @@
     "sqlite3": "^5.0.0",
     "suml-loader": "^0.1.1",
     "ulid": "^2.3.0",
+    "vue-client-only": "^2.1.0",
     "vue-matomo": "^3.13.5-0",
     "vuedraggable": "^2.24.3",
     "webpack": "^5.0",
diff --git a/routes/profile.vue b/routes/profile.vue
index 3bb2dd416..ed77868d3 100644
--- a/routes/profile.vue
+++ b/routes/profile.vue
@@ -31,15 +31,17 @@
             </div>
         </div>
 
-        <section v-if="$isGranted('users') && profile.bannedReason">
-            <div class="alert alert-warning">
-                <p class="h4">
-                    <Icon v="ban"/>
-                    {{$t('ban.banned')}}
-                </p>
-                <p class="mb-0">{{profile.bannedReason}}</p>
-            </div>
-        </section>
+        <client-only>
+            <section v-if="$isGranted('users') && profile.bannedReason">
+                <div class="alert alert-warning">
+                    <p class="h4">
+                        <Icon v="ban"/>
+                        {{$t('ban.banned')}}
+                    </p>
+                    <p class="mb-0">{{profile.bannedReason}}</p>
+                </div>
+            </section>
+        </client-only>
 
         <section v-if="profile.age ||profile.description.trim().length">
             <p v-for="line in profile.description.split('\n')" class="mb-1">
@@ -121,15 +123,17 @@
             <OpinionLegend/>
         </section>
 
-        <section v-if="$isGranted('users')">
-            <div class="alert alert-warning">
-                <textarea v-model="profile.bannedReason" class="form-control" rows="3" :placeholder="$t('ban.reason')" :disabled="saving"></textarea>
-                <button class="btn btn-danger d-block w-100 mt-2" :disabled="saving" @click="ban">
-                    <Icon v="ban"/>
-                    {{$t('ban.action')}}
-                </button>
-            </div>
-        </section>
+        <client-only>
+            <section v-if="$isGranted('users')">
+                <div class="alert alert-warning">
+                    <textarea v-model="profile.bannedReason" class="form-control" rows="3" :placeholder="$t('ban.reason')" :disabled="saving"></textarea>
+                    <button class="btn btn-danger d-block w-100 mt-2" :disabled="saving" @click="ban">
+                        <Icon v="ban"/>
+                        {{$t('ban.action')}}
+                    </button>
+                </div>
+            </section>
+        </client-only>
 
         <Separator icon="heart"/>
         <Support/>
@@ -160,8 +164,10 @@
     import {head, listToDict} from "../src/helpers";
     import { pronouns } from "~/src/data";
     import { buildPronoun } from "../src/buildPronoun";
+    import ClientOnly from 'vue-client-only'
 
     export default {
+        components: { ClientOnly },
         data() {
              return {
                  profiles: {},
diff --git a/yarn.lock b/yarn.lock
index c6b80f0cb..fe8d2fcad 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9379,6 +9379,11 @@ vue-client-only@^2.0.0:
   resolved "https://registry.yarnpkg.com/vue-client-only/-/vue-client-only-2.0.0.tgz#ddad8d675ee02c761a14229f0e440e219de1da1c"
   integrity sha512-arhk1wtWAfLsJyxGMoEYhoBowM87/i6HLSG2LH/03Yog6i2d9JEN1peMP0Ceis+/n9DxdenGYZZTxbPPJyHciA==
 
+vue-client-only@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/vue-client-only/-/vue-client-only-2.1.0.tgz#1a67a47b8ecacfa86d75830173fffee3bf8a4ee3"
+  integrity sha512-vKl1skEKn8EK9f8P2ZzhRnuaRHLHrlt1sbRmazlvsx6EiC3A8oWF8YCBrMJzoN+W3OnElwIGbVjsx6/xelY1AA==
+
 vue-hot-reload-api@^2.3.0:
   version "2.3.4"
   resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"