- fixed cropped live feed and amended APIs for submission

src/components/CameraOverview/SnapshotContainer.tsx

@@ -25,18 +25,14 @@ export const SnapshotContainer = ({ side, settingsPage, zoomLevel, onZoomLevelCh
   return (
     <div className="flex flex-col md:flex-row">
       <NavigationArrow side={side} settingsPage={settingsPage} />
-      <div className="w-full">
+      <div className="w-full bg-[#253445] rounded-md overflow-hidden md:h-[500px] lg:h-[70vh]">
         {isError && <ErrorState />}
         {isPending && (
-          <div className="my-50 h-[50%]">
+          <div className="absolute inset-0 grid place-items-center">
             <Loading message="Camera Preview" />
           </div>
         )}
-        <canvas
-          onClick={handleZoomClick}
-          ref={canvasRef}
-          className="absolute inset-0 object-contain min-h-[100%] z-20"
-        />
+        <canvas onClick={handleZoomClick} ref={canvasRef} className="block w-full h-full z-20" />
       </div>
     </div>
   );