diff --git a/lib/screens/shared/ruler_slider/widget_slider_ruler.dart b/lib/screens/shared/ruler_slider/widget_slider_ruler.dart
index 537824c..422d4c9 100644
--- a/lib/screens/shared/ruler_slider/widget_slider_ruler.dart
+++ b/lib/screens/shared/ruler_slider/widget_slider_ruler.dart
@@ -107,7 +107,7 @@ class _Ruler extends StatelessWidget {
                         ),
                       const SizedBox(width: Dimens.grid4),
                       ColoredBox(
-                        color: Theme.of(context).colorScheme.onBackground,
+                        color: Theme.of(context).colorScheme.primaryContainer,
                         child: SizedBox(
                           height: 1,
                           width: isMainTick ? Dimens.grid8 : Dimens.grid4,
diff --git a/lib/screens/timer/components/timeline/widget_timeline_timer.dart b/lib/screens/timer/components/timeline/widget_timeline_timer.dart
index 24acff8..ae605fb 100644
--- a/lib/screens/timer/components/timeline/widget_timeline_timer.dart
+++ b/lib/screens/timer/components/timeline/widget_timeline_timer.dart
@@ -16,7 +16,7 @@ class TimerTimeline extends StatelessWidget {
   Widget build(BuildContext context) {
     return CustomPaint(
       painter: _TimelinePainter(
-        backgroundColor: Theme.of(context).colorScheme.surface,
+        backgroundColor: Theme.of(context).colorScheme.primaryContainer,
         progressColor: Theme.of(context).colorScheme.primary,
         progress: progress,
       ),