diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Domain/AddDomainForm/AddDomainForm.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Domain/AddDomainForm/AddDomainForm.component.tsx index 0e938dcf516..74396801a86 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/Domain/AddDomainForm/AddDomainForm.component.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/Domain/AddDomainForm/AddDomainForm.component.tsx @@ -176,6 +176,19 @@ const AddDomainForm = ({ overlayClassName: 'domain-type-tooltip-container', tooltipPlacement: 'top-start', tooltipAlign: { targetOffset: [18, 0] }, + slotProps: { + tooltip: { + sx: { + bgcolor: '#fff', + color: '#000', + }, + }, + arrow: { + sx: { + color: '#fff', + }, + }, + }, }, }; diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/MUIFormItemLabel/MUIFormItemLabel.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/MUIFormItemLabel/MUIFormItemLabel.tsx index 0e0184ccad4..368ae925e75 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/common/MUIFormItemLabel/MUIFormItemLabel.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/common/MUIFormItemLabel/MUIFormItemLabel.tsx @@ -28,6 +28,7 @@ export interface MUIFormItemLabelProps { overlayInnerStyle?: React.CSSProperties; align?: TooltipProps['placement']; isBeta?: boolean; + slotProps?: Partial; } const MUIFormItemLabel: FC = ({ @@ -37,6 +38,7 @@ const MUIFormItemLabel: FC = ({ label, placement = 'top', showHelperText = true, + slotProps, }) => { const { t } = useTranslation(); @@ -55,6 +57,7 @@ const MUIFormItemLabel: FC = ({ { label={label} placement={props?.tooltipPlacement as MUITooltipProps['placement']} showHelperText={showHelperText} + slotProps={props?.slotProps as Partial} /> );