right padding for disabled input

73979836 · isstuev · 44ef777d · 73979836
Commit 73979836 authored Nov 22, 2022 by isstuev
Hide whitespace changes
Inline Side-by-side

Showing with 4 additions and 1 deletion

getOutlinedFieldStyles.ts theme/utils/getOutlinedFieldStyles.ts +4 -1

No files found.
--- a/theme/utils/getOutlinedFieldStyles.ts
+++ b/theme/utils/getOutlinedFieldStyles.ts
@@ -25,8 +25,11 @@ export default function getOutlinedFieldStyles(props: StyleFunctionProps) {
    _disabled: {
      opacity: 1,
      backgroundColor: mode('gray.200', 'whiteAlpha.200')(props),
-      border: 'none',
+      borderColor: 'transparent',
      cursor: 'not-allowed',
+      _hover: {
+        borderColor: 'transparent',
+      },
    },
    _invalid: {
      borderColor: getColor(theme, ec),