diff --git a/src/admin/components/warehouse/ReservationPicker.tsx b/src/admin/components/warehouse/ReservationPicker.tsx
index f6c4114..e50cf74 100644
--- a/src/admin/components/warehouse/ReservationPicker.tsx
+++ b/src/admin/components/warehouse/ReservationPicker.tsx
@@ -1,4 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
+import MenuItem from "@mui/material/MenuItem";
+import { Select } from "../../ui";
 import { warehouseReservationListOptions } from "../../lib/queries/warehouse";
 
 interface ReservationPickerProps {
@@ -26,11 +28,9 @@ export default function ReservationPicker({
   const reservations = result?.data ?? [];
 
   return (
-    <select
-      className="admin-form-select"
-      value={value ?? ""}
-      onChange={(e) => {
-        const val = e.target.value;
+    <Select
+      value={value == null ? "" : String(value)}
+      onChange={(val) => {
         if (!val) {
           onChange(null, 0);
           return;
@@ -42,13 +42,13 @@ export default function ReservationPicker({
         }
       }}
     >
-      <option value="">— žádná rezervace —</option>
+      <MenuItem value="">— žádná rezervace —</MenuItem>
       {reservations.map((r) => (
-        <option key={r.id} value={r.id}>
+        <MenuItem key={r.id} value={String(r.id)}>
           R{r.id} — {r.project?.name ?? `Projekt #${r.project_id}`} — zbývá:{" "}
           {Number(r.remaining_qty)} {r.item?.unit ?? "ks"}
-        </option>
+        </MenuItem>
       ))}
-    </select>
+    </Select>
   );
 }