diff --git a/frontend/application/templates/forum/user.html b/frontend/application/templates/forum/user.html
index 9b0de10f4da4380c5a2e39e704c4c43776eaad22..f4d3b4ee2d5e633dab220731d1e859e8a2fd34e3 100644
--- a/frontend/application/templates/forum/user.html
+++ b/frontend/application/templates/forum/user.html
@@ -1,28 +1,44 @@
-<a class="btn btn--link" href="{{ url_for('frontend.get_posts') }}">Home</a>
-<br>
-<br>
-<img class="rounded-circle" width="100" src="images/users/{{ image }}">
-<br>
-<br>
-{{name}}
-<br>
-{{email}}
-<br>
-{{role}}
-<br>
-<br>
-
-{% block title %}POSTS OF THE USER{% endblock %}
-
-{% for post in posts %}
- <div class="h4 m-0"><a href="{{ url_for('frontend.display_post', post_id=post.id) }}">{{ post['title'] }}</a></div>
- <p class="card-text">{{ post.content | safe }}</p>
- <br>
-
-{% endfor %}
-
-
-
-
-
-
+<head>
+<style>
+ .home-btn {
+ background-color: #2196F3;
+ color: white;
+ padding: 10px;
+ border: none;
+ border-radius: 5px;
+ font-size: 16px;
+ cursor: pointer;
+ margin-bottom: 20px;
+</style>
+</head>
+{% extends "base.html" %}
+
+{% block content %}
+ <div class="container">
+ <div class="row">
+ <div class="col-md-4">
+ <a class="home-btn" href="{{ url_for('frontend.get_posts') }}">Home</a>
+ <br><br>
+ <img class="rounded-circle" width="100" src="images/users/{{ image }}">
+ <br><br>
+ <div class="h5">{{ name }}</div>
+ <div>{{ email }}</div>
+ <div>{{ role }}</div>
+ </div>
+ <div class="col-md-8">
+ <h2>POSTS OF THE USER</h2>
+ <div style="height: 1500px; overflow-y: scroll;">
+ {% for post in posts %}
+ <div class="card">
+ <div class="card-body">
+ <h4 class="card-title"><a href="{{ url_for('frontend.display_post', post_id=post.id) }}">{{ post['title'] }}</a></h4>
+ <p class="card-text">{{ post.content | safe }}</p>
+ </div>
+ </div>
+ <br>
+ {% endfor %}
+ </div>
+ </div>
+ </div>
+ </div>
+{% endblock %}