diff --git a/components/video-player/controls/BrightnessSlider.tsx b/components/video-player/controls/BrightnessSlider.tsx
index e5ff2579..f790473b 100644
--- a/components/video-player/controls/BrightnessSlider.tsx
+++ b/components/video-player/controls/BrightnessSlider.tsx
@@ -4,6 +4,7 @@ import { useSharedValue } from "react-native-reanimated";
 import { Slider } from "react-native-awesome-slider";
 import * as Brightness from "expo-brightness";
 import { Ionicons } from "@expo/vector-icons";
+import MaterialCommunityIcons from "@expo/vector-icons/MaterialCommunityIcons";
 
 const BrightnessSlider = () => {
   const brightness = useSharedValue(50);
diff --git a/components/video-player/controls/Controls.tsx b/components/video-player/controls/Controls.tsx
index 9572894e..a143fa0f 100644
--- a/components/video-player/controls/Controls.tsx
+++ b/components/video-player/controls/Controls.tsx
@@ -453,7 +453,6 @@ export const Controls: React.FC<Props> = ({
           transform: [{ translateY: -22.5 }], // Adjust for the button's height (half of 45)
           paddingHorizontal: "28%", // Add some padding to the left and right
           opacity: showControls ? 1 : 0,
-          backgroundColor: "pink",
         }}
         pointerEvents={showControls ? "box-none" : "none"}
       >