Merge branch 'main' into fuji

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(

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}