diff --git a/enterprise/frontend/src/metabase-enterprise/store/components/StoreIcon.jsx b/enterprise/frontend/src/metabase-enterprise/store/components/StoreIcon.jsx index 5136282a7b0d7768a97ab67d837a9e40a47fb427..b70fc33cd93300f68e3ae9c6905da969204ee868 100644 --- a/enterprise/frontend/src/metabase-enterprise/store/components/StoreIcon.jsx +++ b/enterprise/frontend/src/metabase-enterprise/store/components/StoreIcon.jsx @@ -14,7 +14,7 @@ const StoreIconWrapper = ({ children, color }) => ( p={2} bg={color || colors["brand"]} color="white" - w={WRAPPER_SIZE} + width={WRAPPER_SIZE} style={{ borderRadius: 99, height: WRAPPER_SIZE }} > {children} diff --git a/enterprise/frontend/src/metabase-enterprise/store/containers/StoreAccount.jsx b/enterprise/frontend/src/metabase-enterprise/store/containers/StoreAccount.jsx index bdacf169038109bc62ccca6538ece5cfe9ab6b05..ebd9add4f70a4a453a63b11db263677502ac500c 100644 --- a/enterprise/frontend/src/metabase-enterprise/store/containers/StoreAccount.jsx +++ b/enterprise/frontend/src/metabase-enterprise/store/containers/StoreAccount.jsx @@ -209,7 +209,7 @@ const AccountStatus = ({ flexDirection="column" className={className} p={[2, 4]} - w="100%" + width="100%" > <Box> <h2>{title}</h2> @@ -219,7 +219,7 @@ const AccountStatus = ({ {subtitle} </Box> )} - <Flex mt={4} align="center" flexWrap="wrap" w="100%"> + <Flex mt={4} align="center" flexWrap="wrap" width="100%"> {featuresOrdered.map(([id, feature]) => ( <Feature key={id} @@ -245,7 +245,7 @@ const CallToAction = ({ title, buttonText, buttonLink }) => ( ); const Feature = ({ feature, included, expired, preview }) => ( - <Box w={[1, 1 / 2, 1 / 4]} p={2}> + <Box width={[1, 1 / 2, 1 / 4]} p={2}> <Card p={[1, 2]} style={{