diff --git a/public/css/base.css b/public/css/base.css
index f1f6832..6098603 100644
--- a/public/css/base.css
+++ b/public/css/base.css
@@ -12,4 +12,14 @@
     position: absolute;
     top: -10px;
     left: -1px;
+}
+
+.avatar {
+    height: 30px;
+}
+
+.avatar-dropdown {
+    /*top: calc(100% + 0.40rem);
+    right: -0.75rem;*/
+    left: auto !important;
 }
\ No newline at end of file
diff --git a/templates/base.html.twig b/templates/base.html.twig
index 3de348c..87c69ba 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -57,21 +57,30 @@
                         </li>
                     {% endif %}
                 </ul>
-                <form class="d-flex input-group w-auto">
-                    <input
-                            type="search"
-                            class="form-control"
-                            placeholder="Type query"
-                            aria-label="Search"
-                    />
-                    <button
-                            class="btn btn-outline-primary"
-                            type="button"
-                            data-mdb-ripple-color="dark"
-                    >
-                        Search
-                    </button>
-                </form>
+                <ul class="navbar-nav">
+                    <li class="nav-item dropdown">
+                        <a
+                                class="nav-link dropdown-toggle d-flex align-items-center"
+                                href="#"
+                                id="navbarDropdownMenuLink"
+                                role="button"
+                                data-mdb-toggle="dropdown"
+                                aria-expanded="false"
+                        >
+                            <img
+                                    src="https://mdbootstrap.com/img/Photos/Avatars/img (31).jpg"
+                                    class="rounded-circle avatar"
+                                    alt=""
+                                    loading="lazy"
+                            />
+                        </a>
+                        <ul class="dropdown-menu avatar-dropdown" aria-labelledby="navbarDropdownMenuLink">
+                            <li><a class="dropdown-item" href="#">My profile</a></li>
+                            <li><a class="dropdown-item" href="#">Settings</a></li>
+                            <li><a class="dropdown-item" href="{{ path("app_logout") }}">Logout</a></li>
+                        </ul>
+                    </li>
+                </ul>
             </div>
         </div>
     </nav>