diff --git a/webapp/src/components/gallery/__snapshots__/galleryCard.test.tsx.snap b/webapp/src/components/gallery/__snapshots__/galleryCard.test.tsx.snap
index f19bb59bc..ca3311994 100644
--- a/webapp/src/components/gallery/__snapshots__/galleryCard.test.tsx.snap
+++ b/webapp/src/components/gallery/__snapshots__/galleryCard.test.tsx.snap
@@ -38,14 +38,14 @@ exports[`src/components/gallery/GalleryCard with a comment content should match
       class="MenuWrapper optionsMenu"
       role="button"
     >
-      <div
+      <button
         class="Button IconButton"
-        role="button"
+        type="button"
       >
         <i
           class="CompassIcon icon-dots-horizontal OptionsIcon"
         />
-      </div>
+      </button>
       <div
         class="Menu noselect left"
       >
@@ -177,14 +177,14 @@ exports[`src/components/gallery/GalleryCard with an image content should match s
       class="MenuWrapper optionsMenu"
       role="button"
     >
-      <div
+      <button
         class="Button IconButton"
-        role="button"
+        type="button"
       >
         <i
           class="CompassIcon icon-dots-horizontal OptionsIcon"
         />
-      </div>
+      </button>
       <div
         class="Menu noselect left"
       >
@@ -352,14 +352,14 @@ exports[`src/components/gallery/GalleryCard with many contents should match snap
       class="MenuWrapper optionsMenu"
       role="button"
     >
-      <div
+      <button
         class="Button IconButton"
-        role="button"
+        type="button"
       >
         <i
           class="CompassIcon icon-dots-horizontal OptionsIcon"
         />
-      </div>
+      </button>
       <div
         class="Menu noselect left"
       >
@@ -495,14 +495,14 @@ exports[`src/components/gallery/GalleryCard with many images content should matc
       class="MenuWrapper optionsMenu"
       role="button"
     >
-      <div
+      <button
         class="Button IconButton"
-        role="button"
+        type="button"
       >
         <i
           class="CompassIcon icon-dots-horizontal OptionsIcon"
         />
-      </div>
+      </button>
       <div
         class="Menu noselect left"
       >
@@ -640,14 +640,14 @@ exports[`src/components/gallery/GalleryCard without block content return Gallery
       class="MenuWrapper optionsMenu"
       role="button"
     >
-      <div
+      <button
         class="Button IconButton"
-        role="button"
+        type="button"
       >
         <i
           class="CompassIcon icon-dots-horizontal OptionsIcon"
         />
-      </div>
+      </button>
     </div>
     <div
       class="gallery-item"
@@ -680,14 +680,14 @@ exports[`src/components/gallery/GalleryCard without block content return Gallery
       class="MenuWrapper optionsMenu"
       role="button"
     >
-      <div
+      <button
         class="Button IconButton"
-        role="button"
+        type="button"
       >
         <i
           class="CompassIcon icon-dots-horizontal OptionsIcon"
         />
-      </div>
+      </button>
     </div>
     <div
       class="gallery-item"
@@ -720,14 +720,14 @@ exports[`src/components/gallery/GalleryCard without block content return Gallery
       class="MenuWrapper optionsMenu"
       role="button"
     >
-      <div
+      <button
         class="Button IconButton"
-        role="button"
+        type="button"
       >
         <i
           class="CompassIcon icon-dots-horizontal OptionsIcon"
         />
-      </div>
+      </button>
     </div>
     <div
       class="gallery-item"
@@ -760,14 +760,14 @@ exports[`src/components/gallery/GalleryCard without block content return Gallery
       class="MenuWrapper optionsMenu"
       role="button"
     >
-      <div
+      <button
         class="Button IconButton"
-        role="button"
+        type="button"
       >
         <i
           class="CompassIcon icon-dots-horizontal OptionsIcon"
         />
-      </div>
+      </button>
     </div>
     <div
       class="gallery-item"
@@ -800,14 +800,14 @@ exports[`src/components/gallery/GalleryCard without block content should match s
       class="MenuWrapper optionsMenu"
       role="button"
     >
-      <div
+      <button
         class="Button IconButton"
-        role="button"
+        type="button"
       >
         <i
           class="CompassIcon icon-dots-horizontal OptionsIcon"
         />
-      </div>
+      </button>
       <div
         class="Menu noselect left"
       >