diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/apple/step3.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/apple/step3.svelte
index 96b63792f..fc5b28077 100644
--- a/src/routes/console/project-[project]/overview/platforms/wizard/apple/step3.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/wizard/apple/step3.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     import { Alert, Code } from '$lib/components';
     import { WizardStep } from '$lib/layout';
+    import { Mode, MODE } from '$lib/system';
     import { sdk } from '$lib/stores/sdk';
 
     const { endpoint, project } = sdk.forProject.client.config;
@@ -10,6 +11,8 @@ let client = Client()
     .setEndpoint("${endpoint}")
     .setProject("${project}")
     .setSelfSigned(status: true) // For self signed certificates, only use for development`;
+
+    let showAlert = true;
 </script>
 
 <WizardStep>
@@ -25,13 +28,18 @@ let client = Client()
         Before sending any API calls to your new Appwrite project, make sure your device or emulator
         has network access to your Appwrite project's hostname or IP address.
     </p>
-    <div class="common-section">
-        <Alert type="info">
-            <svelte:fragment slot="title">For self-hosted solutions</svelte:fragment>
-            When connecting to a locally hosted Appwrite project from an emulator or a mobile device,
-            you should use the private IP of the device running your Appwrite project as the hostname
-            of the endpoint instead of localhost. You can also use a service like ngrok to proxy the
-            Appwrite server.
-        </Alert>
-    </div>
+    {#if showAlert}
+        <div class="common-section">
+            <Alert
+                type="info"
+                dismissible={MODE === Mode.CLOUD}
+                on:dismiss={() => (showAlert = false)}>
+                <svelte:fragment slot="title">For self-hosted solutions</svelte:fragment>
+                When connecting to a locally hosted Appwrite project from an emulator or a mobile device,
+                you should use the private IP of the device running your Appwrite project as the hostname
+                of the endpoint instead of localhost. You can also use a service like ngrok to proxy
+                the Appwrite server.
+            </Alert>
+        </div>
+    {/if}
 </WizardStep>
diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step3.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step3.svelte
index 4025d7b55..ec5b9ac48 100644
--- a/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step3.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step3.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     import { Alert, Code } from '$lib/components';
     import { WizardStep } from '$lib/layout';
+    import { Mode, MODE } from '$lib/system';
     import { sdk } from '$lib/stores/sdk';
 
     const { endpoint, project } = sdk.forProject.client.config;
@@ -11,6 +12,8 @@ client
     .setEndpoint('${endpoint}')
     .setProject('${project}')
     .setSelfSigned(status: true); // For self signed certificates, only use for development`;
+
+    let showAlert = true;
 </script>
 
 <WizardStep>
@@ -26,13 +29,18 @@ client
         Before sending any API calls to your new Appwrite project, make sure your device or emulator
         has network access to your Appwrite project's hostname or IP address.
     </p>
-    <div class="common-section">
-        <Alert type="info">
-            <svelte:fragment slot="title">For self-hosted solutions</svelte:fragment>
-            When connecting to a locally hosted Appwrite project from an emulator or a mobile device,
-            you should use the private IP of the device running your Appwrite project as the hostname
-            of the endpoint instead of localhost. You can also use a service like ngrok to proxy the
-            Appwrite server.
-        </Alert>
-    </div>
+    {#if showAlert}
+        <div class="common-section">
+            <Alert
+                type="info"
+                dismissible={MODE === Mode.CLOUD}
+                on:dismiss={() => (showAlert = false)}>
+                <svelte:fragment slot="title">For self-hosted solutions</svelte:fragment>
+                When connecting to a locally hosted Appwrite project from an emulator or a mobile device,
+                you should use the private IP of the device running your Appwrite project as the hostname
+                of the endpoint instead of localhost. You can also use a service like ngrok to proxy
+                the Appwrite server.
+            </Alert>
+        </div>
+    {/if}
 </WizardStep>