diff --git a/lib/screens/video_player/components/video_volume_slider.dart b/lib/screens/video_player/components/video_volume_slider.dart
index d926214..763a2d2 100644
--- a/lib/screens/video_player/components/video_volume_slider.dart
+++ b/lib/screens/video_player/components/video_volume_slider.dart
@@ -1,9 +1,11 @@
+import 'package:flutter/material.dart';
+
 import 'package:ficonsax/ficonsax.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
 import 'package:fladder/providers/settings/video_player_settings_provider.dart';
 import 'package:fladder/util/list_padding.dart';
 import 'package:fladder/widgets/shared/fladder_slider.dart';
-import 'package:flutter/material.dart';
-import 'package:flutter_riverpod/flutter_riverpod.dart';
 
 class VideoVolumeSlider extends ConsumerStatefulWidget {
   final double? width;
@@ -58,6 +60,7 @@ class _VideoVolumeSliderState extends ConsumerState<VideoVolumeSlider> {
           child: Text(
             (volume).toStringAsFixed(0),
             textAlign: TextAlign.center,
+            style: Theme.of(context).textTheme.bodyMedium,
           ),
         ),
       ].addInBetween(const SizedBox(width: 6)),
diff --git a/lib/screens/video_player/video_player_controls.dart b/lib/screens/video_player/video_player_controls.dart
index 475363c..8701272 100644
--- a/lib/screens/video_player/video_player_controls.dart
+++ b/lib/screens/video_player/video_player_controls.dart
@@ -311,7 +311,7 @@ class _DesktopControlsState extends ConsumerState<DesktopControls> {
                 padding: const EdgeInsets.symmetric(horizontal: 12),
                 child: progressBar(mediaPlayback),
               ),
-              const SizedBox(height: 16),
+              const SizedBox(height: 8),
               Row(
                 mainAxisAlignment: MainAxisAlignment.center,
                 children: [
@@ -461,7 +461,9 @@ class _DesktopControlsState extends ConsumerState<DesktopControls> {
                     child: Card(
                       child: Padding(
                         padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
-                        child: Text(playbackModel?.label ?? ""),
+                        child: Text(
+                          playbackModel?.label ?? "",
+                        ),
                       ),
                     ),
                   ),
@@ -469,7 +471,9 @@ class _DesktopControlsState extends ConsumerState<DesktopControls> {
                   Card(
                     child: Padding(
                       padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
-                      child: Text('${item.streamModel?.displayProfile?.value} ${item.streamModel?.resolution?.value}'),
+                      child: Text(
+                        '${item.streamModel?.displayProfile?.value} ${item.streamModel?.resolution?.value}',
+                      ),
                     ),
                   ),
                 }
@@ -494,8 +498,14 @@ class _DesktopControlsState extends ConsumerState<DesktopControls> {
               mainAxisAlignment: MainAxisAlignment.spaceBetween,
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
-                Text(mediaPlayback.position.readAbleDuration),
-                Text("-${(mediaPlayback.duration - mediaPlayback.position).readAbleDuration}"),
+                Text(
+                  mediaPlayback.position.readAbleDuration,
+                  style: Theme.of(context).textTheme.bodyMedium,
+                ),
+                Text(
+                  "-${(mediaPlayback.duration - mediaPlayback.position).readAbleDuration}",
+                  style: Theme.of(context).textTheme.bodyMedium,
+                ),
               ],
             ),
           ],