fix: border

ocadotechnology · Jul 24, 2024 · ecaf956 · ecaf956
1 parent 7f73fbf
commit ecaf956
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/theme/components/MuiTextField.ts b/src/theme/components/MuiTextField.ts
@@ -9,6 +9,7 @@ import {
 } from "@mui/material"
 
 import { includesClassNames } from "../../utils/theme"
+import palette from "../palette"
 import typography from "../typography"
 import type Components from "./_components"
 
@@ -22,9 +23,14 @@ const MuiTextField: Components["MuiTextField"] = {
       width: "100%",
       backgroundColor: "transparent",
       [`& > .${inputBaseClasses.root}`]: {
+        border: "1px solid black !important",
         borderRadius: "0px !important",
         backgroundColor: "white !important",
       },
+      [`& > .${inputBaseClasses.root}.${inputBaseClasses.error}`]: {
+        // @ts-expect-error
+        border: `1px solid ${palette.error!.main} !important`,
+      },
       [`& .${outlinedInputClasses.root}.${inputClasses.focused} > fieldset`]: {
         borderColor: "black !important",
       },