From 82d9996f22cb5493b0d69c02e57d5931f9a2c645 Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <143816208+lasniscinote@users.noreply.github.com>
Date: Thu, 15 Feb 2024 14:05:31 +0100
Subject: [PATCH] (fix) CSS for Quartzy [SCI-10159-core] (#7090)

---
 app/javascript/vue/shared/wizard_modal.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/javascript/vue/shared/wizard_modal.vue b/app/javascript/vue/shared/wizard_modal.vue
index cdc2b4ee3..a69b6e132 100644
--- a/app/javascript/vue/shared/wizard_modal.vue
+++ b/app/javascript/vue/shared/wizard_modal.vue
@@ -3,7 +3,9 @@
     <div class="modal-dialog !w-[900px]" role="document">
       <div class="modal-content !p-0 grid grid-cols-3">
         <div class="bg-sn-super-light-grey p-6 mb-1.5">
-          <h3 class="mb-1.5">{{ config.title }}</h3>
+          <div class="flex justify-start mb-1.5">
+            <h3 class="modal-title">{{ config.title }}</h3>
+          </div>
           <div v-if="config.subtitle" class="text-sn-dark-grey">
             {{ config.subtitle }}
           </div>
@@ -18,7 +20,13 @@
               ></div>
               <div class="flex items-center gap-3">
                 <div class="rounded bg-white border border-sn-sleepy-grey p-1.5">
-                  <i :class="step.icon"></i>
+                  <i :class="[
+                    step.icon,
+                    {
+                      'text-sn-dark-grey': index <= activeStep,
+                      'text-sn-grey': index > activeStep
+                    }
+                  ]"></i>
                 </div>
                 <span
                   class="font-bold text-xs"