diff --git a/apps/webapp/app/components/primitives/FormButtons.tsx b/apps/webapp/app/components/primitives/FormButtons.tsx
index 7f476b7e9..d077227a2 100644
--- a/apps/webapp/app/components/primitives/FormButtons.tsx
+++ b/apps/webapp/app/components/primitives/FormButtons.tsx
@@ -12,13 +12,11 @@ export function FormButtons({
   return (
     <div
       className={cn(
-        "flex w-full items-center justify-between border-t border-grid-bright pt-4",
+        "flex w-full flex-row-reverse items-center justify-between border-t border-grid-bright pt-4",
         className
       )}
-      style={{ flexDirection: "row-reverse" }}
     >
-      <div style={{ order: 1 }}>{confirmButton}</div>
-      <div style={{ order: 2 }}>{cancelButton ? cancelButton : <div />}</div>
+      {confirmButton} {cancelButton ? cancelButton : <div />}
     </div>
   );
 }