diff --git a/src/products/components/ProductVariantCreateDialog/ProductVariantCreateDialog.tsx b/src/products/components/ProductVariantCreateDialog/ProductVariantCreateDialog.tsx index fa0cf2d08..87bcfd4e2 100644 --- a/src/products/components/ProductVariantCreateDialog/ProductVariantCreateDialog.tsx +++ b/src/products/components/ProductVariantCreateDialog/ProductVariantCreateDialog.tsx @@ -10,23 +10,13 @@ import Form from "@saleor/components/Form"; import FormSpacer from "@saleor/components/FormSpacer"; import RadioGroupField from "@saleor/components/RadioGroupField"; import { buttonMessages } from "@saleor/intl"; -import { makeStyles } from "@saleor/macaw-ui"; import React from "react"; import { FormattedMessage } from "react-intl"; import { messages } from "./messages"; +import { useStyles } from "./styles"; import { ProductVariantCreateOptionEnum } from "./types"; -const useStyles = makeStyles( - theme => ({ - option: { - marginBottom: theme.spacing(2), - width: 400 - } - }), - { name: "ProductVariantCreateDialog" } -); - interface ProductVariantCreateDialogForm { option: ProductVariantCreateOptionEnum; } @@ -71,13 +61,12 @@ const ProductVariantCreateDialog: React.FC = pr - + ({ label: (
({ + option: { + marginBottom: theme.spacing(2), + width: 400 + }, + dialogContent: { + padding: 0 + } + }), + { name: "ProductVariantCreateDialog" } +);