diff --git a/assets/css/app.css b/assets/css/app.css
index fb141a3..7bfa793 100644
--- a/assets/css/app.css
+++ b/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;
diff --git a/templates/pages/dashboard.php b/templates/pages/dashboard.php
index 796a4d6..230d2d1 100644
--- a/templates/pages/dashboard.php
+++ b/templates/pages/dashboard.php
@@ -116,7 +116,7 @@ $formatBalanceValue = static function (?array $entry) use ($settings): string {
                         <?php $sportType = $eventType === 'sport' ? find_sport_type($settings, (string) ($item['sport_type_id'] ?? '')) : null; ?>
                         <?php $isImportedWalkSport = $isImportedHealth && $eventType === 'sport' && str_contains(strtolower((string) ($sportType['label'] ?? $eventComment)), 'spaziergang'); ?>
                         <?php $eventTone = signal_value_class(normalize_signal_value($item['mood'] ?? 0)); ?>
-                        <?php $eventValueText = (float) $item['value'] > 0 ? rtrim(rtrim(number_format((float) $item['value'], 2, ',', '.'), '0'), ',') . ' ' . (string) $item['unit'] : ''; ?>
+                        <?php $eventValueText = (float) $item['value'] > 0 ? ($eventType === 'sleep' ? format_duration_hours((float) $item['value']) : rtrim(rtrim(number_format((float) $item['value'], 2, ',', '.'), '0'), ',') . ' ' . (string) $item['unit']) : ''; ?>
                         <?php $eventTitle = match ($eventType) {
                             'sport' => $isImportedWalkSport ? 'Spaziergang' : (string) ($sportType['label'] ?? 'Sport'),
                             'walk' => 'Spaziergang',
@@ -221,13 +221,13 @@ $formatBalanceValue = static function (?array $entry) use ($settings): string {
 
                                 <?php if ($eventType === 'sleep' && $sleepActualTotal > 0): ?>
                                     <div class="sleep-phase-bar" aria-label="Schlafphasen" style="--sleep-optimal-left: <?= e((string) $sleepOptimalPercent) ?>%; --sleep-actual-width: <?= e((string) $sleepActualPercent) ?>%">
-                                        <div class="sleep-phase-bar__fill">
+                                        <div class="sleep-phase-bar__fill" style="width: <?= e((string) $sleepActualPercent) ?>%">
                                             <?php if ($sleepPhaseTotal > 0): ?>
                                                 <?php foreach (['deep' => ['Tief', 'deep'], 'rem' => ['REM', 'rem'], 'core' => ['Kern', 'core']] as $phase => [$label, $class]): ?>
                                                     <?php $phaseHours = max(0.0, (float) ($sleepPhases[$phase] ?? 0)); ?>
                                                     <?php if ($phaseHours <= 0) { continue; } ?>
                                                     <?php $phasePercent = $sleepActualTotal > 0 ? max(0.5, min(100, ($phaseHours / $sleepActualTotal) * 100)) : 0; ?>
-                                                    <span class="sleep-phase-bar__segment sleep-phase-bar__segment--<?= e($class) ?><?= $phasePercent < 13 ? ' is-compact' : '' ?>" style="--sleep-segment-width: <?= e((string) $phasePercent) ?>%" title="<?= e($label) ?>: <?= e(format_duration_hours($phaseHours)) ?>" data-tooltip="<?= e($label) ?>: <?= e(format_duration_hours($phaseHours)) ?>">
+                                                    <span class="sleep-phase-bar__segment sleep-phase-bar__segment--<?= e($class) ?><?= $phasePercent < 13 ? ' is-compact' : '' ?>" style="width: <?= e((string) $phasePercent) ?>%; flex-basis: <?= e((string) $phasePercent) ?>%" title="<?= e($label) ?>: <?= e(format_duration_hours($phaseHours)) ?>" data-tooltip="<?= e($label) ?>: <?= e(format_duration_hours($phaseHours)) ?>">
                                                         <strong><?= e($label) ?></strong> <?= e(format_duration_hours($phaseHours)) ?>
                                                     </span>
                                                     <?php $sleepPhaseLeft += $phaseHours; ?>
@@ -235,7 +235,7 @@ $formatBalanceValue = static function (?array $entry) use ($settings): string {
                                             <?php endif; ?>
                                             <?php if ($sleepUnclassified > 0): ?>
                                                 <?php $unclassifiedPercent = $sleepActualTotal > 0 ? max(0.5, min(100, ($sleepUnclassified / $sleepActualTotal) * 100)) : 0; ?>
-                                                <span class="sleep-phase-bar__segment sleep-phase-bar__segment--total<?= $sleepPhaseTotal > 0 ? ' is-after-phase' : '' ?><?= $unclassifiedPercent < 13 ? ' is-compact' : '' ?>" style="--sleep-segment-width: <?= e((string) $unclassifiedPercent) ?>%" title="Schlaf: <?= e(format_duration_hours($sleepUnclassified)) ?>" data-tooltip="Schlaf: <?= e(format_duration_hours($sleepUnclassified)) ?>">
+                                                <span class="sleep-phase-bar__segment sleep-phase-bar__segment--total<?= $sleepPhaseTotal > 0 ? ' is-after-phase' : '' ?><?= $unclassifiedPercent < 13 ? ' is-compact' : '' ?>" style="width: <?= e((string) $unclassifiedPercent) ?>%; flex-basis: <?= e((string) $unclassifiedPercent) ?>%" title="Schlaf: <?= e(format_duration_hours($sleepUnclassified)) ?>" data-tooltip="Schlaf: <?= e(format_duration_hours($sleepUnclassified)) ?>">
                                                     <strong>Schlaf</strong> <?= e(format_duration_hours($sleepUnclassified)) ?>
                                                 </span>
                                             <?php endif; ?>