diff --git a/templates/base.html b/templates/base.html
index 6e84af0..21dca9f 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -22,8 +22,8 @@
         <header class="navbar">
             <section class="navbar-section">
                 <a href="/" class="navbar-brand mr-2">Tickets</a>
-                <a href="/password" class="btn btn-link">Verander Wachtwoord</a>
-                <a href="/add_user" class="btn btn-link">Voeg nieuwe gebruiker toe</a>
+                <a href="/password" class="btn btn-link hide-md">Verander Wachtwoord</a>
+                <a href="/add_user" class="btn btn-link hide-md">Voeg nieuwe gebruiker toe</a>
                 <a href="/logout" class="btn btn-link">Logout</a>
             </section>
         </header>
diff --git a/templates/party.html b/templates/party.html
index 041ab05..d68213c 100644
--- a/templates/party.html
+++ b/templates/party.html
@@ -18,9 +18,8 @@
                     Scannen</button> </p>
             <h4><span id="last-scanned">Nog geen gescand</span></h4>
             <h3><span id="scan-status">Nog geen gescand</span></h3>
-            <video autoplay hidden="true"></video>
             <div class="columns">
-                <canvas id="qr-canvas" class="column col-12"></canvas>
+                <video autoplay playsinline controls="false" class="column col-12"></video>
             </div>
         </div>
         <div class="columns">
@@ -180,7 +179,7 @@
 
         setInterval(() => {
             console.log("scanning now?")
-            const canvas = document.getElementById("qr-canvas");
+            const canvas = document.createElement("canvas");
             canvas.width = videoElement.videoWidth;
             canvas.height = videoElement.videoHeight;
             canvas.getContext("2d").drawImage(videoElement, 0, 0);