diff --git a/package-lock.json b/package-lock.json
index bc962b648..3e76041ff 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,8 +9,8 @@
             "version": "0.0.1",
             "dependencies": {
                 "@aw-labs/appwrite-console": "^5.0.5",
-                "@aw-labs/icons": "0.0.0-54",
-                "@aw-labs/ui": "0.0.0-54",
+                "@aw-labs/icons": "0.0.0-55",
+                "@aw-labs/ui": "0.0.0-55",
                 "echarts": "^5.3.3",
                 "tippy.js": "^6.3.7",
                 "web-vitals": "^2.1.4"
@@ -77,14 +77,14 @@
             }
         },
         "node_modules/@aw-labs/icons": {
-            "version": "0.0.0-54",
-            "resolved": "https://registry.npmjs.org/@aw-labs/icons/-/icons-0.0.0-54.tgz",
-            "integrity": "sha512-lk+uikRag3Y5Rm4Ys5lHBhknhCVpA/oTaIBBDgB6nidqtJdqLpa+Nur4BdsBXOEZTlo2yOiWU2NNAl6ZzUzFGQ=="
+            "version": "0.0.0-55",
+            "resolved": "https://registry.npmjs.org/@aw-labs/icons/-/icons-0.0.0-55.tgz",
+            "integrity": "sha512-d0SkIdojCodV9Amu4l63DzVw6AH3pjyhGSfwS3jWb9KMztVOgMHnJ1tXooFUjvglALToSNHH/C9ATAN5HsqpDQ=="
         },
         "node_modules/@aw-labs/ui": {
-            "version": "0.0.0-54",
-            "resolved": "https://registry.npmjs.org/@aw-labs/ui/-/ui-0.0.0-54.tgz",
-            "integrity": "sha512-1Dj216qPaVKdBScW+1XIp6IOVBdcv/kYjiWO4YiFtoQ/IaayoSO6njlAPTwyQzclmX5A/9suEGadOVa3NZqbgQ==",
+            "version": "0.0.0-55",
+            "resolved": "https://registry.npmjs.org/@aw-labs/ui/-/ui-0.0.0-55.tgz",
+            "integrity": "sha512-sEWRRwX3Omx7P/q9e52xYFdmSpHlTRPDpVU6ulBVwNcWOO9wduHQeuQyE0wqtGffvd51Fq27I5NWukWu5tkFlw==",
             "dependencies": {
                 "@aw-labs/icons": "*"
             }
@@ -8201,14 +8201,14 @@
             }
         },
         "@aw-labs/icons": {
-            "version": "0.0.0-54",
-            "resolved": "https://registry.npmjs.org/@aw-labs/icons/-/icons-0.0.0-54.tgz",
-            "integrity": "sha512-lk+uikRag3Y5Rm4Ys5lHBhknhCVpA/oTaIBBDgB6nidqtJdqLpa+Nur4BdsBXOEZTlo2yOiWU2NNAl6ZzUzFGQ=="
+            "version": "0.0.0-55",
+            "resolved": "https://registry.npmjs.org/@aw-labs/icons/-/icons-0.0.0-55.tgz",
+            "integrity": "sha512-d0SkIdojCodV9Amu4l63DzVw6AH3pjyhGSfwS3jWb9KMztVOgMHnJ1tXooFUjvglALToSNHH/C9ATAN5HsqpDQ=="
         },
         "@aw-labs/ui": {
-            "version": "0.0.0-54",
-            "resolved": "https://registry.npmjs.org/@aw-labs/ui/-/ui-0.0.0-54.tgz",
-            "integrity": "sha512-1Dj216qPaVKdBScW+1XIp6IOVBdcv/kYjiWO4YiFtoQ/IaayoSO6njlAPTwyQzclmX5A/9suEGadOVa3NZqbgQ==",
+            "version": "0.0.0-55",
+            "resolved": "https://registry.npmjs.org/@aw-labs/ui/-/ui-0.0.0-55.tgz",
+            "integrity": "sha512-sEWRRwX3Omx7P/q9e52xYFdmSpHlTRPDpVU6ulBVwNcWOO9wduHQeuQyE0wqtGffvd51Fq27I5NWukWu5tkFlw==",
             "requires": {
                 "@aw-labs/icons": "*"
             }
diff --git a/package.json b/package.json
index 337cf7aad..69131f47e 100644
--- a/package.json
+++ b/package.json
@@ -19,8 +19,8 @@
     },
     "dependencies": {
         "@aw-labs/appwrite-console": "^5.0.5",
-        "@aw-labs/icons": "0.0.0-54",
-        "@aw-labs/ui": "0.0.0-54",
+        "@aw-labs/icons": "0.0.0-55",
+        "@aw-labs/ui": "0.0.0-55",
         "echarts": "^5.3.3",
         "tippy.js": "^6.3.7",
         "web-vitals": "^2.1.4"
diff --git a/src/lib/components/step.svelte b/src/lib/components/step.svelte
index 6ab29300c..6777e4fa0 100644
--- a/src/lib/components/step.svelte
+++ b/src/lib/components/step.svelte
@@ -4,17 +4,23 @@
     export let currentSub = 0;
     export let isSub = false;
     export let step: { text: string; substeps?: { text: string }[] };
+    console.log({ step, completed, current });
 </script>
 
 <li
     class:steps-item={!isSub}
     class:steps-sub-item={isSub}
-    class:is-done={completed}
-    class:is-current={current}
     aria-label={` ${completed ? 'done' : current ? 'current' : ''} step`}>
     {#if isSub}
         <span class="text">{step.text}</span>
     {:else}
+        {#if completed}
+            <div class="bullet is-done">
+                <span class="icon-check" aria-hidden="true" />
+            </div>
+        {:else}
+            <div class="bullet" class:is-current={current} />
+        {/if}
         <div class="step-item-content">
             <span class="text">{step.text}</span>
             {#if step?.substeps}