diff --git a/packages/playground/src/App.vue b/packages/playground/src/App.vue
index a2de92994a..ae79f9543f 100644
--- a/packages/playground/src/App.vue
+++ b/packages/playground/src/App.vue
@@ -428,7 +428,7 @@ const routes: AppRoute[] = [
       },
       {
         title: "Domains",
-        icon: "domains.png",
+        icon: "mdi-web-box",
         route: DashboardRoutes.Deploy.Domains,
         tooltip: "Expose servers hosted on local machines or VMs to the public internet.",
       },
diff --git a/packages/playground/src/weblets/tf_domains.vue b/packages/playground/src/weblets/tf_domains.vue
index 3262a9ba34..cc546ca110 100644
--- a/packages/playground/src/weblets/tf_domains.vue
+++ b/packages/playground/src/weblets/tf_domains.vue
@@ -1,6 +1,7 @@
 <template>
-  <weblet-layout ref="layout" title-image="images/icons/domains.png">
-    <template #title>Deploy Domains Instance </template>
+  <weblet-layout ref="layout">
+    
+    <template #title><span><v-icon  class="pr-3">mdi-web-box</v-icon></span>Deploy Domains Instance </template>
 
     <d-tabs :tabs="[{ title: 'Config', value: 'config' }]">
       <template #config>