diff --git a/apps/web/components/editor/name-dialog.tsx b/apps/web/components/editor/name-dialog.tsx
index 31f64731d..566a686b0 100644
--- a/apps/web/components/editor/name-dialog.tsx
+++ b/apps/web/components/editor/name-dialog.tsx
@@ -62,7 +62,7 @@ export default function NameDialog(props: any) {
                     />
                   </div>
 
-                  <div className="float-right">
+                  <div className="flex flex-row-reverse items-center gap-x-4">
                     <Button
                       color="secondary"
                       onClick={() => {