diff --git a/static/css/components/initialization.css b/static/css/components/initialization.css
index 786ebd8d..e7129575 100644
--- a/static/css/components/initialization.css
+++ b/static/css/components/initialization.css
@@ -43,28 +43,34 @@
   font-size: 1rem;
 }
 
-/* Progress Bar Styles */
+/* Progress Bar Styles specific to initialization */
 .initialization-progress {
   margin-bottom: var(--space-3);
 }
 
-.progress-bar-container {
-  width: 100%;
-  height: 8px;
-  background-color: var(--lora-border);
+/* Renamed container class */
+.init-progress-container {
+  width: 100%; /* Use full width within its container */
+  height: 8px; /* Match height from previous .progress-bar-container */
+  background-color: var(--lora-border); /* Consistent background */
   border-radius: 4px;
   overflow: hidden;
-  margin-bottom: var(--space-1);
+  margin: 0 auto var(--space-1); /* Center horizontally, add bottom margin */
 }
 
-.progress-bar {
+/* Renamed progress bar class */
+.init-progress-bar {
   height: 100%;
-  background: linear-gradient(90deg, var(--lora-accent) 0%, rgba(var(--lora-accent), 0.8) 100%);
-  border-radius: 4px;
+  /* Use a gradient consistent with the theme accent */
+  background: linear-gradient(90deg, var(--lora-accent) 0%, color-mix(in oklch, var(--lora-accent) 80%, transparent) 100%);
+  border-radius: 4px; /* Match container radius */
   transition: width 0.3s ease;
-  width: 0%;
+  width: 0%; /* Start at 0% */
 }
 
+/* Remove the old .progress-bar rule specific to initialization to avoid conflicts */
+/* .progress-bar { ... } */
+
 /* Progress Details */
 .progress-details {
   display: flex;
diff --git a/templates/components/initialization.html b/templates/components/initialization.html
index a1459e8c..67904229 100644
--- a/templates/components/initialization.html
+++ b/templates/components/initialization.html
@@ -10,8 +10,9 @@
         <div class="loading-content">
             <div class="loading-spinner"></div>
             <div class="loading-status" id="progressStatus">Initializing...</div>
-            <div class="progress-container">
-                <div class="progress-bar" id="initProgressBar"></div>
+            <!-- Use initialization-specific classes for the progress bar -->
+            <div class="init-progress-container">
+                <div class="init-progress-bar" id="initProgressBar"></div>
             </div>
             <div class="progress-details">
                 <span id="progressPercentage">0%</span>