diff --git a/src/components/CustomIcon.vue b/src/components/CustomIcon.vue
index fdb07e0d3..9da4f0c21 100644
--- a/src/components/CustomIcon.vue
+++ b/src/components/CustomIcon.vue
@@ -1,5 +1,5 @@
 <template>
-  <component :is="icon" />
+  <component :is="icon" :class="className" />
 </template>
 
 <script setup lang="ts">
diff --git a/src/components/steps/WelcomeForm.vue b/src/components/steps/WelcomeForm.vue
index 23d73cf40..3e4a5b576 100644
--- a/src/components/steps/WelcomeForm.vue
+++ b/src/components/steps/WelcomeForm.vue
@@ -1,7 +1,7 @@
 <template>
   <div data-test="welcome-back" class="welcome-back">
     <div class="bar">
-      <CustomIcon class-name="row sheikah-icon" name="sheikah-icon" />
+      <CustomIcon class="row sheikah-icon" name="sheikah-icon" />
       <p v-if="walletInfos && walletInfos.length" class="row title">{{
         $t('welcome_back')
       }}</p>
@@ -80,9 +80,14 @@ export default {
       text-align: left;
     }
 
+    .icon-container {
+      cursor: pointer;
+      margin: -10px;
+      padding: 10px;
+    }
+
     .icon {
       color: var(--text-medium-emphasis);
-      cursor: pointer;
       font-size: 20px;
     }