3 files changed, 10 insertions, 5 deletions
diff --git a/src/common/components/Scanner/index.tsx b/src/common/components/Scanner/index.tsx
index c21633f..a5c907d 100644
--- a/src/common/components/Scanner/index.tsx
+++ b/src/common/components/Scanner/index.tsx
@@ -29,9 +29,13 @@ const Scanner = (props: Props) => {
   }
 
   return (
-  <div className="relative w-full h-[125px] overflow-hidden">
-    <video ref={ref} className="w-full h-full object-cover" />
-  </div>
+  // <div className="relative w-full h-[125px] overflow-hidden">
+  //   <video ref={ref} className="w-full h-full object-cover" />
+  // </div>
+  <div className="relative w-full h-[350px] overflow-hidden">
+  <video ref={ref} onClick={restartCam} className={styles.video} />
+  <div className={styles.videoFrame} />
+</div>
   )
 }
 
diff --git a/src/common/components/Scanner/scanner.module.css b/src/common/components/Scanner/scanner.module.css
index f20f7b3..f3734a7 100644
--- a/src/common/components/Scanner/scanner.module.css
+++ b/src/common/components/Scanner/scanner.module.css
@@ -9,7 +9,7 @@
 .videoFrame {
   @apply absolute 
     border-double border-large border-default-50 
-    w-[60%] h-[30%] 
+    w-[65%] h-[40%] 
     top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 
     pointer-events-none 
     rounded-md;
diff --git a/src/modules/stock-opname/index.tsx b/src/modules/stock-opname/index.tsx
index 2f1c210..2937a98 100644
--- a/src/modules/stock-opname/index.tsx
+++ b/src/modules/stock-opname/index.tsx
@@ -187,7 +187,7 @@ const StockOpname = () => {
       </form>
 
       <Modal isOpen={!!activeScanner} onOpenChange={closeModal}>
-        <ModalContent>
+        <ModalContent className="fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
           <ModalHeader>Scan {activeScanner}</ModalHeader>
           <ModalBody className="pb-6">
             {!scannerOptions && !scannerOptionLoading && (
@@ -222,6 +222,7 @@ const StockOpname = () => {
           </ModalBody>
         </ModalContent>
       </Modal>
+
     </>
   )
 }