diff --git a/src/pages/RearCamera.tsx b/src/pages/RearCamera.tsx
index 62f4ac1..7d87115 100644
--- a/src/pages/RearCamera.tsx
+++ b/src/pages/RearCamera.tsx
@@ -2,18 +2,9 @@ import OverviewVideoContainer from "../components/FrontCameraSettings/OverviewVi
 import CameraSettings from "../components/CameraSettings/CameraSettings";
 import { Toaster } from "sonner";
 import { useState } from "react";
-import type { ZoomLevel } from "../types/types";
 
 const RearCamera = () => {
-  const [zoomLevel, setZoomLevel] = useState<ZoomLevel>({
-    left: 0,
-    top: 0,
-    x: 0,
-    y: 0,
-    px: 0,
-    py: 0,
-    level: 1,
-  });
+  const [zoomLevel, setZoomLevel] = useState<number>(1);
   return (
     <div className="mx-auto flex flex-col lg:flex-row gap-2 px-1 sm:px-2 lg:px-0 w-full min-h-screen">
       <CameraSettings