diff --git a/src/views/public/scanner/Scanner.vue b/src/views/public/scanner/Scanner.vue
index ab3e71b..e56d09f 100644
--- a/src/views/public/scanner/Scanner.vue
+++ b/src/views/public/scanner/Scanner.vue
@@ -3,7 +3,8 @@
     <RouterLink :to="{ name: 'public-scanner-select' }" class="text-primary" @click="leave">
       Zurück zur Sessionauswahl
     </RouterLink>
-    <div class="flex flex-col gap-2 w-full grow overflow-hidden max-w-md mx-auto">
+    <div class="relative flex flex-col gap-2 w-full grow overflow-hidden max-w-md mx-auto">
+      <Spinner v-if="selectedCamera == undefined" class="absolute top-3 left-1/2 -translate-y-1/2" />
       <qrcode-stream
         class="grow"
         :constraints="selectedCamera?.constraints"
@@ -19,8 +20,8 @@
         <option v-for="c in selecteableCameras" :value="c">{{ c.label }}</option>
       </select>
       <div class="flex flex-row justify-end gap-4 py-2">
-        <button primary-outline @click="paused = false" :disabled="!paused">weiter scannen</button>
-        <button primary-outline @click="commit">bestätigen</button>
+        <button primary-outline :disabled="!paused" @click="paused = false">weiter scannen</button>
+        <button primary :disabled="detected == ''" @click="commit">bestätigen</button>
       </div>
     </div>
   </div>
@@ -41,6 +42,7 @@ import {
   type Camera,
 } from "@/helpers/scanner";
 import { QrcodeStream, type DetectedBarcode } from "vue-qrcode-reader";
+import Spinner from "@/components/Spinner.vue";
 </script>
 
 <script lang="ts">