diff --git a/src/static/style.css b/src/static/style.css
index 93450c00..871901e2 100644
--- a/src/static/style.css
+++ b/src/static/style.css
@@ -3461,7 +3461,7 @@ input[type="text"]:not(.skill-input-wrap input):focus {
 
 .progress-meter {
   width: 100%;
-  height: 16px;
+  height: 20px;
   background: var(--surface-hover);
   border-radius: 999px;
   overflow: hidden;
@@ -5129,7 +5129,7 @@ body.dark-theme .theme-toggle:hover {
 .progress-meter {
   background: var(--gray-200);
   border-radius: 100px;
-  height: 8px;
+  height: 20px;
   overflow: hidden;
 }
 
@@ -5140,6 +5140,7 @@ body.dark-theme .theme-toggle:hover {
   display: block;
   width: 0%;
   transition: width 0.3s ease;
+  padding-left: 4px;
 }
 
 .stat-dashboard-footer {
diff --git a/src/templates/index.html b/src/templates/index.html
index 9ae9e04f..37b4522b 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -604,8 +604,8 @@ <h2 class="section-title">Track Progress, Unlock Badges, and See Your Growth</h2
             </svg>
           </div>
           <div class="stat-dashboard-value" id="progress-points">0</div>
-          <div class="stat-dashboard-progress">
-            <div class="progress-meter">
+          <div class="stat-dashboard-progress" >
+            <div class="progress-meter" style="height: 20px;">
               <span class="progress-meter-fill" id="progress-meter-fill" style="width: 0%;" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">0%</span>
             </div>
           </div>