From ea5e15bf45bb4a1e5ce0aff2eeaea4a0160c51e7 Mon Sep 17 00:00:00 2001
From: Tudor Stanciu <tudor.stanciu94@gmail.com>
Date: Mon, 25 Mar 2024 02:39:35 +0200
Subject: [PATCH] Refactor PasswordField component styling

---
 .../src/components/common/inputs/PasswordField.js     | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/common/inputs/PasswordField.js b/frontend/src/components/common/inputs/PasswordField.js
index 6619de8..2006edf 100644
--- a/frontend/src/components/common/inputs/PasswordField.js
+++ b/frontend/src/components/common/inputs/PasswordField.js
@@ -1,17 +1,16 @@
 import React, { useState } from "react";
 import PropTypes from "prop-types";
-import { InputAdornment, TextField, makeStyles, IconButton } from "@mui/material";
+import { InputAdornment, TextField, IconButton } from "@mui/material";
 import { Visibility, VisibilityOff, LockOutlined } from "@mui/icons-material";
 
-const useStyles = makeStyles(theme => ({
+const styles = {
   margin: {
-    margin: theme.spacing(1)
+    margin: 1
   }
-}));
+};
 
 const PasswordField = ({ label, ...rest }) => {
   const [showPassword, setShowPassword] = useState(false);
-  const classes = useStyles();
 
   const handleClickShowPassword = () => {
     setShowPassword(!showPassword);
@@ -23,7 +22,7 @@ const PasswordField = ({ label, ...rest }) => {
 
   return (
     <TextField
-      className={classes.margin}
+      sx={styles.margin}
       label={label || "Password"}
       {...rest}
       type={showPassword ? "text" : "password"}