diff --git a/frontend/src/component/personalDashboard/Grid.tsx b/frontend/src/component/personalDashboard/Grid.tsx index f10b033ca3..05fb3d27a4 100644 --- a/frontend/src/component/personalDashboard/Grid.tsx +++ b/frontend/src/component/personalDashboard/Grid.tsx @@ -60,7 +60,7 @@ export const FlagGrid = styled(ContentGrid)( ); export const GridItem = styled('div', { - shouldForwardProp: (prop) => prop !== 'gridArea', + shouldForwardProp: (prop) => !['gridArea', 'sx'].includes(prop.toString()), })<{ gridArea: string }>(({ theme, gridArea }) => ({ padding: theme.spacing(2, 4), gridArea, diff --git a/frontend/src/component/personalDashboard/ProjectSetupComplete.tsx b/frontend/src/component/personalDashboard/ProjectSetupComplete.tsx index 8a6be4d960..e5e49b040c 100644 --- a/frontend/src/component/personalDashboard/ProjectSetupComplete.tsx +++ b/frontend/src/component/personalDashboard/ProjectSetupComplete.tsx @@ -88,7 +88,7 @@ const ProjectHealthMessage: FC<{ const improveMessage = 'Remember to archive your stale feature flags to keep the project health growing.'; const keepDoingMessage = - 'This indicates that you are doing a good job of arching your feature flags.'; + 'This indicates that you are doing a good job of archiving your feature flags.'; if (trend === 'improved') { return (