diff --git a/js/transaction.css b/js/transaction.css
index d125efd..1054a32 100644
--- a/js/transaction.css
+++ b/js/transaction.css
@@ -6,6 +6,13 @@
   text-align: center;
 }
 
+#photo-view video,
+#photo-view canvas {
+  width: 100%;
+  height: auto;
+  object-fit: contain;
+}
+
 #photo-view sl-icon-button {
   font-size: 3em;
   margin: 0 0.5em;
diff --git a/js/transaction.ts b/js/transaction.ts
index 559bb74..cb1a22a 100644
--- a/js/transaction.ts
+++ b/js/transaction.ts
@@ -50,6 +50,8 @@ async function startCamera() {
                 facingMode: {
                     ideal: "environment",
                 },
+                width: { ideal: 1280 },
+                height: { ideal: 720 },
             },
             audio: false,
         });