diff --git a/client/public/index.html b/client/public/index.html
index aec8e99..eb30249 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -12,11 +12,11 @@
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
 
-    <link
+    <!-- <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"
     />
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> -->
     <link
       rel="stylesheet"
       href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
diff --git a/client/src/components/UserTabPanel.tsx b/client/src/components/UserTabPanel.tsx
index 2a54610..0164010 100644
--- a/client/src/components/UserTabPanel.tsx
+++ b/client/src/components/UserTabPanel.tsx
@@ -46,7 +46,7 @@ const a11yProps = (index: any) => {
 const useStyles = makeStyles((theme: Theme) => ({
   root: {
     backgroundColor: theme.palette.background.paper,
-    width: 500
+    flexGrow: 1
   }
 }));
 
@@ -71,7 +71,7 @@ export const UserTabPanel: FC<IProps> = ({ tickets, tabNames, projects }) => {
 
   return (
     <div className={classes.root}>
-      <AppBar position="static" color="default">
+      <AppBar position="static" color="inherit">
         <Tabs
           value={value}
           onChange={handleChange}
diff --git a/client/src/pages/UserPage.tsx b/client/src/pages/UserPage.tsx
index b23078a..ea2df6c 100644
--- a/client/src/pages/UserPage.tsx
+++ b/client/src/pages/UserPage.tsx
@@ -3,6 +3,7 @@ import { UserVM } from "../VM/UserVM";
 import { UserHeader } from "../components/UserHeader";
 import { UserTabRouter } from "../components/UserTabRouter";
 import { UserTabPanel } from "../components/UserTabPanel";
+import { Container } from "@material-ui/core";
 
 interface IProps {
   viewModel: UserVM;
@@ -11,20 +12,15 @@ interface IProps {
 export const UserPage: FC<IProps> = ({ viewModel }) => {
   const { fullName, presentation, picture, projects, tickets } = viewModel;
   const tabNames: string[] = ["Projects", "Tickets"];
+
   return (
-    <div className="section">
-      <div className="container">
-        <UserHeader
-          picture={picture}
-          fullName={fullName}
-          presentation={presentation}
-        />
-        <UserTabPanel
-          tabNames={tabNames}
-          projects={projects}
-          tickets={tickets}
-        />
-      </div>
-    </div>
+    <Container maxWidth="md">
+      <UserHeader
+        picture={picture}
+        fullName={fullName}
+        presentation={presentation}
+      />
+      <UserTabPanel tabNames={tabNames} projects={projects} tickets={tickets} />
+    </Container>
   );
 };