diff --git a/packages/admin/dashboard/src/routes/customer-groups/customer-group-create/components/create-customer-group-form/create-customer-group-form.tsx b/packages/admin/dashboard/src/routes/customer-groups/customer-group-create/components/create-customer-group-form/create-customer-group-form.tsx
index c738eb53e48b1..3e5bdf571ccac 100644
--- a/packages/admin/dashboard/src/routes/customer-groups/customer-group-create/components/create-customer-group-form/create-customer-group-form.tsx
+++ b/packages/admin/dashboard/src/routes/customer-groups/customer-group-create/components/create-customer-group-form/create-customer-group-form.tsx
@@ -53,10 +53,13 @@ export const CreateCustomerGroupForm = () => {
 
   return (
     <RouteFocusModal.Form form={form}>
-      <KeyboundForm onSubmit={handleSubmit}>
+      <KeyboundForm
+        className="flex h-full flex-col overflow-hidden"
+        onSubmit={handleSubmit}
+      >
         <RouteFocusModal.Header />
         <RouteFocusModal.Body className="flex flex-col items-center pt-[72px]">
-          <div className="flex w-full max-w-[720px] flex-col gap-y-8">
+          <div className="flex size-full max-w-[720px] flex-col gap-y-8">
             <div>
               <RouteFocusModal.Title asChild>
                 <Heading>{t("customerGroups.create.header")}</Heading>