diff --git a/src/routes/(console)/project-[project]/overview/platforms/[platform]/web.svelte b/src/routes/(console)/project-[project]/overview/platforms/[platform]/web.svelte
index 34aafe9b9..1d1f4520e 100644
--- a/src/routes/(console)/project-[project]/overview/platforms/[platform]/web.svelte
+++ b/src/routes/(console)/project-[project]/overview/platforms/[platform]/web.svelte
@@ -8,6 +8,7 @@
     import { onMount } from 'svelte';
     import { project } from '../../../store';
     import { platform } from './store';
+    import { hostnameRegex } from '$lib/helpers/string';
 
     let hostname: string = null;
 
@@ -28,7 +29,7 @@
             await invalidate(Dependencies.PLATFORM);
             addNotification({
                 type: 'success',
-                message: 'Platform Hostname has been updated'
+                message: 'Platform hostname has been updated'
             });
         } catch (error) {
             addNotification({
@@ -49,7 +50,8 @@
                     id="hostname"
                     label="Hostname"
                     bind:value={hostname}
-                    required
+                    pattern={hostnameRegex}
+                    patternError="Please enter a valid hostname"
                     placeholder="myapp.com" />
             </FormList>
         </svelte:fragment>