[@mantine/core] PasswordInput: Fix incorrect selection styles (#2473)

* fix: PasswordInput text select style * fix: line-height in PassportInput
mantinedev · Sep 16, 2022 · 993212a · 993212a
1 parent e478816
commit 993212a
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/mantine-core/src/PasswordInput/PasswordInput.styles.ts b/src/mantine-core/src/PasswordInput/PasswordInput.styles.ts
@@ -17,15 +17,17 @@ export default createStyles((theme, { size, rightSectionWidth }: PasswordInputSt
   innerInput: {
     ...theme.fn.fontStyles(),
     backgroundColor: 'transparent',
-    border: 0,
+    border: '1px solid transparent',
+    borderLeftWidth: 0,
+    borderRightWidth: 0,
     boxSizing: 'border-box',
     position: 'absolute',
     display: 'block',
     width: `calc(100% - ${rightSectionWidth}px)`,
     paddingLeft: theme.fn.size({ size, sizes: INPUT_SIZES }) / 3,
     fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
     height: theme.fn.size({ size, sizes: INPUT_SIZES }) - 2,
-    lineHeight: `${theme.fn.size({ size, sizes: INPUT_SIZES }) - 2}px`,
+    lineHeight: `${theme.fn.size({ size, sizes: INPUT_SIZES }) - 4}px`,
     color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,
     top: 0,
     bottom: 0,