diff --git a/app/routes/badges/$id/edit.tsx b/app/routes/badges/$id/edit.tsx
index 09571ae73..a5d9137ef 100644
--- a/app/routes/badges/$id/edit.tsx
+++ b/app/routes/badges/$id/edit.tsx
@@ -73,7 +73,7 @@ export default function EditBadgePage() {
   const { badgeName } = useOutletContext<BadgeDetailsContext>();
 
   return (
-    <Dialog isOpen>
+    <Dialog isOpen className="overflow-visible">
       <Form method="post" className="stack md">
         <div>
           <h2 className="badges-edit__big-header">
diff --git a/app/styles/utils.css b/app/styles/utils.css
index 1ec0b7048..3330c09b4 100644
--- a/app/styles/utils.css
+++ b/app/styles/utils.css
@@ -174,6 +174,10 @@
   visibility: hidden;
 }
 
+.overflow-visible {
+  overflow: visible;
+}
+
 .whitespace-pre-wrap {
   white-space: pre-wrap;
 }