diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index ec9718967..6487a2acc 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -16634,6 +16634,7 @@ Ctrl + K"
               </span>
             </button>
             <input
+              accept="image/*"
               class="makeStyles-fileField-id"
               id="fileUpload"
               type="file"
@@ -17411,6 +17412,7 @@ Ctrl + K"
               </span>
             </button>
             <input
+              accept="image/*"
               class="makeStyles-fileField-id"
               id="fileUpload"
               type="file"
@@ -18363,6 +18365,7 @@ Ctrl + K"
               </span>
             </button>
             <input
+              accept="image/*"
               class="makeStyles-fileField-id"
               id="fileUpload"
               type="file"
@@ -18383,6 +18386,7 @@ Ctrl + K"
             class=""
           >
             <input
+              accept="image/*"
               autocomplete="off"
               class="makeStyles-fileField-id"
               multiple=""
@@ -19292,6 +19296,7 @@ Ctrl + K"
               </span>
             </button>
             <input
+              accept="image/*"
               class="makeStyles-fileField-id"
               id="fileUpload"
               type="file"
@@ -20296,6 +20301,7 @@ Ctrl + K"
               </span>
             </button>
             <input
+              accept="image/*"
               class="makeStyles-fileField-id"
               id="fileUpload"
               type="file"
@@ -21271,6 +21277,7 @@ Ctrl + K"
               </span>
             </button>
             <input
+              accept="image/*"
               class="makeStyles-fileField-id"
               id="fileUpload"
               type="file"
@@ -22873,6 +22880,7 @@ Ctrl + K"
                   </span>
                 </button>
                 <input
+                  accept="image/*"
                   class="CollectionImage-fileField-id"
                   id="fileUpload"
                   type="file"
@@ -24156,6 +24164,7 @@ Ctrl + K"
                   </span>
                 </button>
                 <input
+                  accept="image/*"
                   class="CollectionImage-fileField-id"
                   id="fileUpload"
                   type="file"
@@ -25352,6 +25361,7 @@ Ctrl + K"
                   </span>
                 </button>
                 <input
+                  accept="image/*"
                   class="CollectionImage-fileField-id"
                   id="fileUpload"
                   type="file"
@@ -27476,6 +27486,7 @@ Ctrl + K"
                   </span>
                 </button>
                 <input
+                  accept="image/*"
                   class="CollectionImage-fileField-id"
                   id="fileUpload"
                   type="file"
@@ -27496,6 +27507,7 @@ Ctrl + K"
                 class=""
               >
                 <input
+                  accept="image/*"
                   autocomplete="off"
                   class="makeStyles-fileField-id"
                   multiple=""
@@ -28217,6 +28229,7 @@ Ctrl + K"
                   </span>
                 </button>
                 <input
+                  accept="image/*"
                   class="CollectionImage-fileField-id"
                   id="fileUpload"
                   type="file"
@@ -28237,6 +28250,7 @@ Ctrl + K"
                 class=""
               >
                 <input
+                  accept="image/*"
                   autocomplete="off"
                   class="makeStyles-fileField-id"
                   multiple=""
@@ -93010,8 +93024,10 @@ Ctrl + K"
                   </span>
                 </button>
                 <input
+                  accept="image/*"
                   class="makeStyles-fileField-id"
                   id="fileUpload"
+                  multiple=""
                   type="file"
                 />
               </div>
@@ -93026,13 +93042,14 @@ Ctrl + K"
               class="makeStyles-imageGridContainer-id"
             >
               <div
-                class="makeStyles-photosIconContainer-id makeStyles-imageUpload-id"
+                class="makeStyles-imageUpload-id makeStyles-photosIconContainer-id"
                 tabindex="0"
               >
                 <div
                   class="makeStyles-imageUploadIcon-id"
                 >
                   <input
+                    accept="image/*"
                     autocomplete="off"
                     class="makeStyles-fileField-id"
                     multiple=""
@@ -94532,8 +94549,10 @@ Ctrl + K"
                   </span>
                 </button>
                 <input
+                  accept="image/*"
                   class="makeStyles-fileField-id"
                   id="fileUpload"
+                  multiple=""
                   type="file"
                 />
               </div>
@@ -94548,13 +94567,14 @@ Ctrl + K"
               class="makeStyles-imageGridContainer-id"
             >
               <div
-                class="makeStyles-photosIconContainer-id makeStyles-imageUpload-id"
+                class="makeStyles-imageUpload-id makeStyles-photosIconContainer-id"
                 tabindex="0"
               >
                 <div
                   class="makeStyles-imageUploadIcon-id"
                 >
                   <input
+                    accept="image/*"
                     autocomplete="off"
                     class="makeStyles-fileField-id"
                     multiple=""
@@ -96313,8 +96333,10 @@ Ctrl + K"
                   </span>
                 </button>
                 <input
+                  accept="image/*"
                   class="makeStyles-fileField-id"
                   id="fileUpload"
+                  multiple=""
                   type="file"
                 />
               </div>
@@ -96329,13 +96351,14 @@ Ctrl + K"
               class="makeStyles-imageGridContainer-id"
             >
               <div
-                class="makeStyles-photosIconContainer-id makeStyles-imageUpload-id"
+                class="makeStyles-imageUpload-id makeStyles-photosIconContainer-id"
                 tabindex="0"
               >
                 <div
                   class="makeStyles-imageUploadIcon-id"
                 >
                   <input
+                    accept="image/*"
                     autocomplete="off"
                     class="makeStyles-fileField-id"
                     multiple=""
@@ -97896,8 +97919,10 @@ Ctrl + K"
                   </span>
                 </button>
                 <input
+                  accept="image/*"
                   class="makeStyles-fileField-id"
                   id="fileUpload"
+                  multiple=""
                   type="file"
                 />
               </div>
@@ -99186,8 +99211,10 @@ Ctrl + K"
                   </span>
                 </button>
                 <input
+                  accept="image/*"
                   class="makeStyles-fileField-id"
                   id="fileUpload"
+                  multiple=""
                   type="file"
                 />
               </div>
@@ -99209,6 +99236,7 @@ Ctrl + K"
                   class=""
                 >
                   <input
+                    accept="image/*"
                     autocomplete="off"
                     class="makeStyles-fileField-id"
                     multiple=""
@@ -100874,8 +100902,10 @@ Ctrl + K"
                   </span>
                 </button>
                 <input
+                  accept="image/*"
                   class="makeStyles-fileField-id"
                   id="fileUpload"
+                  multiple=""
                   type="file"
                 />
               </div>
@@ -100890,13 +100920,14 @@ Ctrl + K"
               class="makeStyles-imageGridContainer-id"
             >
               <div
-                class="makeStyles-photosIconContainer-id makeStyles-imageUpload-id"
+                class="makeStyles-imageUpload-id makeStyles-photosIconContainer-id"
                 tabindex="0"
               >
                 <div
                   class="makeStyles-imageUploadIcon-id"
                 >
                   <input
+                    accept="image/*"
                     autocomplete="off"
                     class="makeStyles-fileField-id"
                     multiple=""