diff --git a/frontend/src/views/OnboardingView.vue b/frontend/src/views/OnboardingView.vue
index 7691932..362d0b6 100644
--- a/frontend/src/views/OnboardingView.vue
+++ b/frontend/src/views/OnboardingView.vue
@@ -187,7 +187,7 @@
               </div>
 
               <p class="muted" v-if="step.description">{{ step.description }}</p>
-              <p class="muted step-note" v-if="stepNote(step)">{{ stepNote(step) }}</p>
+              <p class="step-note" v-if="stepNote(step)">{{ stepNote(step) }}</p>
 
               <ul v-if="step.bullets && step.bullets.length" class="step-bullets">
                 <li v-for="bullet in step.bullets" :key="bullet">{{ bullet }}</li>
@@ -1543,7 +1543,13 @@ button.copy:disabled {
 }
 
 .step-note {
-  margin-top: 6px;
+  margin-top: 8px;
+  padding: 8px 10px;
+  border-radius: 10px;
+  border: 1px solid rgba(0, 229, 197, 0.35);
+  background: rgba(0, 229, 197, 0.08);
+  color: var(--text-strong);
+  font-weight: 600;
 }
 
 .step-card.blocked {