diff --git a/components/panel/addDoctor/Step.js b/components/panel/addDoctor/Step.js
index a502132..1308176 100644
--- a/components/panel/addDoctor/Step.js
+++ b/components/panel/addDoctor/Step.js
@@ -19,7 +19,11 @@ function Step({ value }) {
                 w-[32px] h-[32px] sm:w-[46px] sm:h-[46px] md:w-[60px] md:h-[60px] lg:w-[75px] lg:h-[75px] rounded-full
                 relative overflow-hidden before:delay-500 before:transition-all before:duration-500 
                 before:absolute before:w-full before:h-full before:bg-[#5559CE] dark:bg-[#D7D8ED]
-          ${value >= idx ? "before:right-0" : "before:-right-full"}`}
+          ${
+            value >= idx
+              ? "before:right-0 !bg-transparent"
+              : "before:-right-full"
+          }`}
             >
               <div className="z-10 delay-500">{item.icon}</div>
             </div>