diff --git a/src/components/utilcards/AccountDetails.vue b/src/components/utilcards/AccountDetails.vue
index 8f0fa755e20911caadb984dc4e540e6e2e0b9385..96d33ec8cdbf7d544a4954291ac10d7a1ca69f92 100644
--- a/src/components/utilcards/AccountDetails.vue
+++ b/src/components/utilcards/AccountDetails.vue
@@ -1,15 +1,19 @@
 <script setup lang="ts">
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { Skeleton } from '@/components/ui/skeleton';
+import { Button } from '@/components/ui/button';
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
 import { mdiAccountBadgeOutline, mdiOpenInNew } from '@mdi/js';
 import { useSettingsStore } from '@/stores/settings.store';
 import { computed } from 'vue';
 import { useUserStore } from '@/stores/user.store';
+import { useWalletStore } from '@/stores/wallet.store';
 
 const settingsStore = useSettingsStore();
 const hasUser = computed(() => settingsStore.settings.account !== undefined);
 
+const walletStore = useWalletStore();
+
 const userStore = useUserStore();
 </script>
 
@@ -51,6 +55,11 @@ const userStore = useUserStore();
           </div>
         </div>
       </div>
+      <div v-else>
+        <Button @click="walletStore.openWalletSelectModal()" class="w-full font-bold">
+          Connect your wallet now
+        </Button>
+      </div>
     </CardContent>
   </Card>
 </template>
\ No newline at end of file
diff --git a/src/components/utilcards/ConfirmAccountUpdateCard.vue b/src/components/utilcards/ConfirmAccountUpdateCard.vue
index 85d7e10ce0fde554a4877bc429146dda45ee6a6c..33bf986be039495aa37983cb5886483ce240af16 100644
--- a/src/components/utilcards/ConfirmAccountUpdateCard.vue
+++ b/src/components/utilcards/ConfirmAccountUpdateCard.vue
@@ -99,7 +99,7 @@ const updateAuthority = async() => {
           <Input id="updateAuthority_ownerKey" placeholder="Nothing to add" v-model="ownerKey" class="my-2" />
         </div>
         <Button class="my-2" @click="updateAuthority" :loading="isLoading">Update Authority</Button>
-        <p>Note: By clicking the above button, the transaction will be created, signed, and broadcasted immediately to the mainnet chain</p>
+        <p class="text-sm">Note: By clicking the above button, the transaction will be created, signed, and broadcasted immediately to the mainnet chain</p>
       </div>
     </CardContent>
   </Card>
diff --git a/src/components/utilcards/ConfirmCreateAccountCard.vue b/src/components/utilcards/ConfirmCreateAccountCard.vue
index 5260c6682977afe3b75148bcdcd77556fece18d9..f6e2913cdc76f84571be575777a150723cf6d5ad 100644
--- a/src/components/utilcards/ConfirmCreateAccountCard.vue
+++ b/src/components/utilcards/ConfirmCreateAccountCard.vue
@@ -182,7 +182,7 @@ const createAccount = async() => {
           </div>
         </RadioGroup>
         <Button @click="createAccount" :loading="isLoading">Create account</Button>
-        <p>Note: By clicking the above button, the transaction will be created, signed, and broadcasted immediately to the mainnet chain</p>
+        <p class="text-sm">Note: By clicking the above button, the transaction will be created, signed, and broadcasted immediately to the mainnet chain</p>
       </div>
     </CardContent>
   </Card>