From b2ae353d82aceba2613d73fb87becc261e3df626 Mon Sep 17 00:00:00 2001
From: NmN03jain <njain5587@gmail.com>
Date: Sun, 1 Oct 2023 19:51:05 +0530
Subject: [PATCH] Standard input not loading correctly #39157 Fixed this issue

---
 .../components/text-fields/BasicTextFields.js | 23 +++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/docs/data/material/components/text-fields/BasicTextFields.js b/docs/data/material/components/text-fields/BasicTextFields.js
index 7253adf126e2b6..36d3ec53a967d5 100644
--- a/docs/data/material/components/text-fields/BasicTextFields.js
+++ b/docs/data/material/components/text-fields/BasicTextFields.js
@@ -13,8 +13,27 @@ export default function BasicTextFields() {
       autoComplete="off"
     >
       <TextField id="outlined-basic" label="Outlined" variant="outlined" />
-      <TextField id="filled-basic" label="Filled" variant="filled" />
-      <TextField id="standard-basic" label="Standard" variant="standard" />
+      <TextField
+        id="filled-basic"
+        label="Filled"
+        variant="filled"
+        sx={{ // Add custom styles for the filled variant
+          '& .MuiFilledInput-root': {
+            backgroundColor: 'inherit', // Set the background color to inherit
+          },
+        }}
+      />
+      <TextField
+        id="standard-basic"
+        label="Standard"
+        variant="standard"
+        sx={{ // Add custom styles for the standard variant
+          '& .MuiInputBase-root': {
+            border: '1px solid #e0e0e0', // Set the border for the standard variant
+          },
+        }}
+      />
     </Box>
   );
 }
+