diff --git a/airbyte-webapp/src/components/ContentCard/ContentCard.tsx b/airbyte-webapp/src/components/ContentCard/ContentCard.tsx index 40b5104a770f..1d6193153e18 100644 --- a/airbyte-webapp/src/components/ContentCard/ContentCard.tsx +++ b/airbyte-webapp/src/components/ContentCard/ContentCard.tsx @@ -23,7 +23,7 @@ const Title = styled(H5)<{ light?: boolean; roundedBottom?: boolean }>` const ContentCard: React.FC = (props) => ( {props.title ? ( - + <Title light={props.light} roundedBottom={!!props.children}> {props.title} ) : null} diff --git a/airbyte-webapp/src/components/Table/Table.tsx b/airbyte-webapp/src/components/Table/Table.tsx index 248aa15587cf..6c766d993393 100644 --- a/airbyte-webapp/src/components/Table/Table.tsx +++ b/airbyte-webapp/src/components/Table/Table.tsx @@ -43,6 +43,9 @@ const Tr = styled.tr<{ }>` background: ${({ theme, erroredRows }) => (erroredRows ? theme.dangerTransparentColor : theme.whiteColor)}; cursor: ${({ hasClick }) => (hasClick ? "pointer" : "auto")}; + &:hover { + background-color: ${({ theme }) => `${theme.grey50}`}; + } `; const Td = styled.td<{ @@ -92,7 +95,7 @@ const Th = styled.th` } &:last-child { - padding-left: 45px; + padding-left: 15px; border-radius: 0 10px 0 0; } `; diff --git a/airbyte-webapp/src/packages/cloud/views/users/AccountSettingsView/AccountSettingsView.tsx b/airbyte-webapp/src/packages/cloud/views/users/AccountSettingsView/AccountSettingsView.tsx index e73690a7eff4..85b309af616a 100644 --- a/airbyte-webapp/src/packages/cloud/views/users/AccountSettingsView/AccountSettingsView.tsx +++ b/airbyte-webapp/src/packages/cloud/views/users/AccountSettingsView/AccountSettingsView.tsx @@ -27,6 +27,7 @@ const AccountSettingsView: React.FC = () => { {authService.hasPasswordLogin() && }