diff --git a/apps/expo/src/components/player/BottomControls.tsx b/apps/expo/src/components/player/BottomControls.tsx
index 06b623b..035df80 100644
--- a/apps/expo/src/components/player/BottomControls.tsx
+++ b/apps/expo/src/components/player/BottomControls.tsx
@@ -34,7 +34,7 @@ export const BottomControls = () => {
       <Controls>
         <View className="flex h-16 w-full flex-col items-center justify-center">
           <View className="w-full px-4">
-            <View className="flex flex-row items-center">
+            <View className="ml-10 flex flex-row items-center">
               <Text className="font-bold">{getCurrentTime()}</Text>
               <Text className="mx-1 font-bold">/</Text>
               <TouchableOpacity onPress={toggleTimeDisplay}>
diff --git a/apps/expo/src/components/player/VideoSlider.tsx b/apps/expo/src/components/player/VideoSlider.tsx
index 30a3c70..1679360 100644
--- a/apps/expo/src/components/player/VideoSlider.tsx
+++ b/apps/expo/src/components/player/VideoSlider.tsx
@@ -36,7 +36,7 @@ const VideoSlider = ({ onSlidingComplete }: VideoSliderProps) => {
   const status = usePlayerStore((state) => state.status);
   const setIsIdle = usePlayerStore((state) => state.setIsIdle);
 
-  const width = Dimensions.get("screen").width - 200;
+  const width = Dimensions.get("screen").width - 100;
   const knobSize_ = 20;
   const trackSize_ = 8;
   const minimumValue = 0;