diff --git a/bookwyrm/static/css/bookwyrm/components/_barcode.scss b/bookwyrm/static/css/bookwyrm/components/_barcode.scss
index 8c77d5252..c000a1a89 100644
--- a/bookwyrm/static/css/bookwyrm/components/_barcode.scss
+++ b/bookwyrm/static/css/bookwyrm/components/_barcode.scss
@@ -22,6 +22,6 @@
     }
 }
 
-#barcode-status .select {
+#barcode-camera-list {
     float: right;
 }
diff --git a/bookwyrm/static/js/bookwyrm.js b/bookwyrm/static/js/bookwyrm.js
index 39d5f6647..a9cc5c6ca 100644
--- a/bookwyrm/static/js/bookwyrm.js
+++ b/bookwyrm/static/js/bookwyrm.js
@@ -642,7 +642,7 @@ let BookWyrm = new (class {
     openBarcodeScanner(event) {
         const scannerNode = document.getElementById("barcode-scanner");
         const statusNode = document.getElementById("barcode-status");
-        const cameraListNode = document.getElementById("barcode-camera-list");
+        const cameraListNode = document.querySelector("#barcode-camera-list > select");
 
         cameraListNode.addEventListener('change', onChangeCamera);
 
diff --git a/bookwyrm/templates/search/barcode_modal.html b/bookwyrm/templates/search/barcode_modal.html
index 3f7b01cea..cfbb4e1c8 100644
--- a/bookwyrm/templates/search/barcode_modal.html
+++ b/bookwyrm/templates/search/barcode_modal.html
@@ -8,9 +8,17 @@
 {% endblock %}
 
 {% block modal-body %}
-    <div id="barcode-scanner" class="block"></div>
+    <div class="block">
+        <div id="barcode-scanner"></div>
+    </div>
+
+    <div id="barcode-camera-list" class="select is-small">
+        <select>
+        </select>
+    </div>
     
     <div id="barcode-status" class="block">
+        
         <div class="grant-access is-hidden">
             <span class="icon icon-lock"></span>
             <span class="is-size-5">{% trans "Requesting camera..." %}</span></br>
@@ -22,10 +30,6 @@
             <span>{% trans "Could not access camera" %}</span>
         </div>
         <div class="scanning is-hidden">
-            <div class="select is-small">
-                <select id="barcode-camera-list">
-                </select>
-            </div>
             <span class="icon icon-barcode"></span>
             <span class="is-size-5">{% trans "Scanning..." context "barcode scanner" %}</span><br/>
             <span>{% trans "Align your book's barcode with the camera." %}</span>