Fix sleep bar fill rendering

assets/css/app.css

@@ -1012,6 +1012,7 @@ body.page-dashboard .content {
     min-width: 0.18rem;
     overflow: hidden;
     border-radius: inherit;
+    background: linear-gradient(135deg, rgba(90, 188, 242, 0.9), rgba(44, 126, 190, 0.9));
     box-shadow: 0 12px 28px rgba(6, 16, 28, 0.2);
 }
 
@@ -1042,9 +1043,9 @@ body.page-dashboard .content {
 .sleep-phase-bar__segment {
     box-sizing: border-box;
     position: relative;
-    width: var(--sleep-segment-width, auto);
+    width: auto;
     height: 100%;
-    flex: 0 0 var(--sleep-segment-width, auto);
+    flex: 0 0 auto;
     display: inline-flex;
     align-items: center;
     justify-content: center;