diff --git a/src/components/portal/Portal.vue b/src/components/portal/Portal.vue
index 6fb8b9080..395bbd571 100644
--- a/src/components/portal/Portal.vue
+++ b/src/components/portal/Portal.vue
@@ -2,9 +2,11 @@
     <template v-if="inline">
         <slot></slot>
     </template>
-    <Teleport v-else-if="isClient" :to="appendTo">
-        <slot></slot>
-    </Teleport>
+    <template v-else-if="mounted">
+        <Teleport :to="appendTo">
+            <slot></slot>
+        </Teleport>
+    </template>
 </template>
 
 <script>
@@ -22,12 +24,17 @@ export default {
             default: false
         }
     },
+    data() {
+        return {
+            mounted: false
+        }
+    },
+    mounted() {
+        this.mounted = DomHandler.isClient();
+    },
     computed: {
         inline() {
             return this.disabled || this.appendTo === 'self';
-        },
-        isClient() {
-            return DomHandler.isClient();
         }
     }
 }