diff --git a/plants/templates/plants/partials/photo_gallery.html b/plants/templates/plants/partials/photo_gallery.html
index 0a41fee..b7f4e62 100644
--- a/plants/templates/plants/partials/photo_gallery.html
+++ b/plants/templates/plants/partials/photo_gallery.html
@@ -35,17 +35,12 @@
 
     <form method="post" action="{% url 'upload_photo' plant.pk %}" enctype="multipart/form-data"
           hx-post="{% url 'upload_photo' plant.pk %}" hx-target="#photo-gallery" hx-swap="outerHTML"
-          hx-encoding="multipart/form-data" hx-indicator="#photo-upload-spinner"
-          id="photo-upload-form">
+          hx-encoding="multipart/form-data" hx-indicator="#photo-upload-spinner">
         {% csrf_token %}
-        <input type="file" name="image" accept="image/*"
-               class="d-none" id="photo-file-input"
-               onchange="this.form.querySelector('#photo-upload-label').textContent = this.files[0]?.name ?? 'Add photo'; this.form.requestSubmit();">
-        <div class="d-flex gap-2 align-items-center">
-            <label for="photo-file-input" id="photo-upload-label"
-                   class="btn btn-sm btn-outline-secondary mb-0" style="cursor:pointer;">
-                Add photo
-            </label>
+        <div class="d-flex gap-2 align-items-center flex-wrap">
+            <input type="file" name="image" accept="image/*"
+                   class="form-control form-control-sm" style="max-width:220px;">
+            <button type="submit" class="btn btn-sm btn-outline-secondary">Upload</button>
             <span id="photo-upload-spinner" class="htmx-indicator text-muted small">Uploading…</span>
         </div>
     </form>