feat: Dark Mode (#7471)

app/javascript/dashboard/components/ui/Wizard.vue

@@ -11,8 +11,10 @@
       class="item"
       :class="{ active: isActive(item), over: isOver(item) }"
     >
-      <div class="flex-align-center">
-        <h3 class="text-truncate">
+      <div class="flex items-center">
+        <h3
+          class="overflow-hidden whitespace-nowrap text-ellipsis leading-tight"
+        >
           {{ item.title }}
         </h3>
         <span v-if="isOver(item)" class="completed">
@@ -42,7 +44,7 @@ export default {
   },
   computed: {
     classObject() {
-      return 'full-width';
+      return 'w-full';
     },
     activeIndex() {
       return this.items.findIndex(i => i.route === this.$route.name);