diff --git a/html/src/css/style.css b/html/src/css/style.css
index 9baaf7b9..64f302fb 100644
--- a/html/src/css/style.css
+++ b/html/src/css/style.css
@@ -162,6 +162,20 @@ a {
     max-height: 10em;
 }
 
+.user-profile .user-banner {
+    width: 100%;
+    height: 20em;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+.user-profile .user-pp-image {
+    width: 10em;
+    height: 10em;
+    border-radius: 10em;
+}
+
 .row {
     display: inline-block;
     background-color: var(--banner-background);
diff --git a/html/user.php b/html/user.php
index cbd0cbab..64b515e9 100644
--- a/html/user.php
+++ b/html/user.php
@@ -67,6 +67,10 @@ if($resultat) {
             padding: 0;
         }
 
+        .user-banner {
+            background-image: url('<?=$user_banner?>');
+        }
+
     </style>
     <link rel="icon" href="./src/img/favicon.ico">
     <title><?=$title?></title>
@@ -99,7 +103,7 @@ if($resultat) {
             <div>
                 <div class="user-profile">
                     <div class="user-header">
-                        <div class="user-banner"><img src="<?=$user_banner?>" class="user-banner-image"></div>
+                        <div class="user-banner"></div>
                         <div class="user-pp"><img src="<?=$user_pp?>" class="user-pp-image"></div>
                         <div class="userinfo">
                             <div class="names">