diff --git a/src/components/ImageInput.tsx b/src/components/ImageInput.tsx
index 13320cb1..3c9d8ca9 100644
--- a/src/components/ImageInput.tsx
+++ b/src/components/ImageInput.tsx
@@ -31,8 +31,8 @@ export default function ImageInput({
   const [image, setImage] = useState<HTMLImageElement>();
 
   return (
-    <div className="space-y-4">
-      <div className="flex items-center gap-4">
+    <div className="space-y-4 min-w-0">
+      <div className="flex items-center gap-2 sm:gap-4">
         <label
           htmlFor={INPUT_ID}
           className={cc(
diff --git a/src/photo/PhotoUpload.tsx b/src/photo/PhotoUpload.tsx
index 29122afa..c58bfee0 100644
--- a/src/photo/PhotoUpload.tsx
+++ b/src/photo/PhotoUpload.tsx
@@ -30,7 +30,7 @@ export default function PhotoUpload({
       isUploading && 'cursor-not-allowed',
     )}>
       <div className="flex items-center gap-8">
-        <form className="flex items-center gap-3">
+        <form className="flex items-center min-w-0">
           <ImageInput
             maxSize={shouldResize ? MAX_IMAGE_SIZE : undefined}
             loading={isUploading}