From 7afd6c851e2b7dd7a8d1514117f03f6c9ac79eed Mon Sep 17 00:00:00 2001
From: Sidney Alcantara <sidney@sidney.me>
Date: Mon, 13 Sep 2021 19:44:37 +1000
Subject: [PATCH] TextField: fix error underline

---
 src/theme/components.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/theme/components.tsx b/src/theme/components.tsx
index e459796b..3621e06f 100644
--- a/src/theme/components.tsx
+++ b/src/theme/components.tsx
@@ -214,6 +214,10 @@ export const components = (theme: Theme): ThemeOptions => {
               boxShadow: `0 0 0 1px ${theme.palette.action.inputOutline} inset,
                           0 -2px 0 0 ${theme.palette.primary.main} inset`,
             },
+            "&.Mui-error, &.Mui-error:hover": {
+              boxShadow: `0 0 0 1px ${theme.palette.action.inputOutline} inset,
+                          0 -2px 0 0 ${theme.palette.error.main} inset`,
+            },
 
             borderRadius: theme.shape.borderRadius,
             overflow: "hidden",