diff --git a/packages/sdk-react/src/components/payables/PayablesTable/PayablesTable.tsx b/packages/sdk-react/src/components/payables/PayablesTable/PayablesTable.tsx index e9bd15379..e94552f96 100644 --- a/packages/sdk-react/src/components/payables/PayablesTable/PayablesTable.tsx +++ b/packages/sdk-react/src/components/payables/PayablesTable/PayablesTable.tsx @@ -272,7 +272,7 @@ const PayablesTableBase = ({ sortable: false, headerName: t(i18n)`Status`, display: 'flex', - width: 40, + width: 70, renderCell: (params) => ( ), diff --git a/packages/sdk-react/src/core/theme/mui-monite/components/formControl.ts b/packages/sdk-react/src/core/theme/mui-monite/components/formControl.ts index 8fdb72aed..c16c29e83 100644 --- a/packages/sdk-react/src/core/theme/mui-monite/components/formControl.ts +++ b/packages/sdk-react/src/core/theme/mui-monite/components/formControl.ts @@ -42,8 +42,15 @@ export const getFormControlStyles = ( .alpha(0.24) .hex()}`, }, + + '&.MuiInputBase-adornedEnd': { + paddingRight: 8, + }, }, + 'label+.MuiInputBase-root': { + marginTop: 0, + }, '&:hover': { '& .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)': { backgroundColor: palette.neutral['90'], diff --git a/packages/sdk-react/src/core/theme/mui-monite/index.ts b/packages/sdk-react/src/core/theme/mui-monite/index.ts index 61101f489..8f63f6bb1 100644 --- a/packages/sdk-react/src/core/theme/mui-monite/index.ts +++ b/packages/sdk-react/src/core/theme/mui-monite/index.ts @@ -453,6 +453,9 @@ export const getTheme = (theme: ThemeConfig): ThemeOptions => { paddingTop: 0, paddingBottom: 0, }, + '& .MuiInput-input.MuiAutocomplete-input': { + padding: '0 14px', + }, '&.Monite-FilterControl': { height: '40px', minHeight: '40px',