diff --git a/resources/js/components/pages/Settings.vue b/resources/js/components/pages/Settings.vue
index 0fe91e4..9daf6ff 100644
--- a/resources/js/components/pages/Settings.vue
+++ b/resources/js/components/pages/Settings.vue
@@ -8,8 +8,12 @@
                     class="flex flex-col mb-6 space-y-2 w-full md:w-1/2 transition-all"
                 >
                     <p class="col-span-2">Please complete these steps in order to use the platform:</p>
-                    <div v-if="walletAccount" class="bg-red-500 p-2 text-white rounded-md">Add a wallet account</div>
-                    <div v-if="tokens.length" class="bg-red-500 p-2 text-white rounded-md">Create an API token</div>
+                    <div v-if="!walletAccount" class="bg-primary-light p-2 text-white rounded-md">
+                        1. Add a wallet account
+                    </div>
+                    <div v-if="!tokens?.length" class="bg-primary-light p-2 text-white rounded-md">
+                        {{ walletAccount ? '1.' : '2.' }} Create an API token
+                    </div>
                 </div>
                 <div class="flex flex-col space-y-8">
                     <div class="">