From 89514653ce172f86a2b87ec08f406732c4811d86 Mon Sep 17 00:00:00 2001
From: Tudor Stanciu <tudor.stanciu94@gmail.com>
Date: Mon, 25 Mar 2024 02:38:49 +0200
Subject: [PATCH] Refactor PaperTitle component to use Box component from
 Material-UI

---
 frontend/src/components/common/PaperTitle.js | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/common/PaperTitle.js b/frontend/src/components/common/PaperTitle.js
index dbe4d4f..fc436e1 100644
--- a/frontend/src/components/common/PaperTitle.js
+++ b/frontend/src/components/common/PaperTitle.js
@@ -1,22 +1,20 @@
 import React from "react";
 import PropTypes from "prop-types";
-import { Typography } from "@mui/material";
-import { makeStyles } from "@mui/material/styles";
+import { Typography, Box } from "@mui/material";
 
-const useStyles = makeStyles(theme => ({
+const styles = {
   paper: {
-    margin: theme.spacing(1)
+    margin: 1
   }
-}));
+};
 
 const PaperTitle = ({ text }) => {
-  const classes = useStyles();
   return (
-    <div className={classes.paper}>
+    <Box sx={styles.paper}>
       <Typography variant="h5" gutterBottom>
         {text}
       </Typography>
-    </div>
+    </Box>
   );
 };