diff --git a/packages/playground/src/components/icon_action_btn.vue b/packages/playground/src/components/icon_action_btn.vue
index 7cfa5e1e7e..1b75d474ec 100644
--- a/packages/playground/src/components/icon_action_btn.vue
+++ b/packages/playground/src/components/icon_action_btn.vue
@@ -8,6 +8,7 @@
         v-bind="props"
         :href="href"
         :target="href ? '_blank' : undefined"
+        :height="height"
       />
     </template>
   </v-tooltip>
@@ -19,6 +20,7 @@ defineProps<{
   icon: `mdi-${string}`;
   color?: string;
   href?: string;
+  height?: string;
 }>();
 defineEmits(["click"]);
 </script>
diff --git a/packages/playground/src/weblets/profile_manager.vue b/packages/playground/src/weblets/profile_manager.vue
index e8da937245..0cf26b5a64 100644
--- a/packages/playground/src/weblets/profile_manager.vue
+++ b/packages/playground/src/weblets/profile_manager.vue
@@ -28,6 +28,7 @@
                 color="white"
                 icon="mdi-information-outline"
                 href="https://manual.grid.tf/tfchain/tfchain.html?highlight=locked#contract-locking"
+                height="24px"
               />
             </p>
           </template>