From ecaf95638e114329740652b8a4a41ffa9b9f230d Mon Sep 17 00:00:00 2001
From: SKairinos <stefan.kairinos@ocado.com>
Date: Wed, 24 Jul 2024 12:59:59 +0000
Subject: [PATCH] fix: border

---
 src/theme/components/MuiTextField.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/theme/components/MuiTextField.ts b/src/theme/components/MuiTextField.ts
index 17059bb2..2e35ee86 100644
--- 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",
       },