From 346d833f3d84745224c66dad616623c34cbc09b1 Mon Sep 17 00:00:00 2001
From: Karmaa <bugattiguy527@gmail.com>
Date: Sat, 15 Mar 2025 02:21:22 -0500
Subject: [PATCH] Updated Profile modal to show username text more clearly

---
 src/modals/ProfileModal.jsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/modals/ProfileModal.jsx b/src/modals/ProfileModal.jsx
index a4fb329b..6566f3f8 100644
--- a/src/modals/ProfileModal.jsx
+++ b/src/modals/ProfileModal.jsx
@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import { CssVarsProvider } from '@mui/joy/styles';
-import {Modal, Button, DialogTitle, DialogContent, ModalDialog, Stack } from '@mui/joy';
+import { Modal, Button, DialogTitle, DialogContent, ModalDialog, Stack } from '@mui/joy';
 import theme from '/src/theme';
 
 const ProfileModal = ({ isHidden, getUser, handleDeleteUser, handleLogoutUser, setIsProfileHidden }) => {
@@ -61,7 +61,7 @@ const ProfileModal = ({ isHidden, getUser, handleDeleteUser, handleLogoutUser, s
                         Username: <br />
                         {getUserName()}
                     </DialogTitle>
-                    <DialogContent>
+                    <DialogContent sx={{ width: "100%" }}>
                         <Stack spacing={2} sx={{ width: "100%", maxWidth: "100%", overflow: "hidden", mt: 1.5 }}>
                             <Button
                                 onClick={handleDelete}
@@ -70,6 +70,7 @@ const ProfileModal = ({ isHidden, getUser, handleDeleteUser, handleLogoutUser, s
                                     '&:hover': {
                                         backgroundColor: theme.palette.general.disabled,
                                     },
+                                    width: "100%",
                                 }}
                             >
                                 Delete User
@@ -81,6 +82,7 @@ const ProfileModal = ({ isHidden, getUser, handleDeleteUser, handleLogoutUser, s
                                     '&:hover': {
                                         backgroundColor: theme.palette.general.disabled,
                                     },
+                                    width: "100%",
                                 }}
                             >
                                 Logout