diff --git a/components/Blocks/ImageBlock.tsx b/components/Blocks/ImageBlock.tsx
index ac41a101..8f0bbd4c 100644
--- a/components/Blocks/ImageBlock.tsx
+++ b/components/Blocks/ImageBlock.tsx
@@ -177,10 +177,20 @@ const ImageAlt = (props: { entityID: string }) => {
     <div className="absolute bottom-0 right-2 h-max">
       <Popover
         open={altEditorOpen}
-        onOpenChange={(o) => setAltEditorOpen(o ? props.entityID : null)}
         className="text-sm max-w-xs  min-w-0"
         side="left"
-        trigger={<ImageAltSmall fillColor={theme.colors["bg-page"]} />}
+        asChild
+        trigger={
+          <button
+            onClick={() =>
+              setAltEditorOpen(altEditorOpen ? null : props.entityID)
+            }
+          >
+            <ImageAltSmall
+              fillColor={theme.colors["bg-page"]}
+            />
+          </button>
+        }
       >
         {entity_set.permissions.write ? (
           <AsyncValueAutosizeTextarea