diff --git a/templates/applicant/partials/candidate_facing_base.html b/templates/applicant/partials/candidate_facing_base.html
index e9ed45e..835db21 100644
--- a/templates/applicant/partials/candidate_facing_base.html
+++ b/templates/applicant/partials/candidate_facing_base.html
@@ -8,7 +8,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{% trans "Careers" %} - {% block title %}{% translate "Application Form" %}{% endblock %}</title>
+    <title>{% trans "Careers" %} - {% block title %}{% trans "Application Form" %}{% endblock %}</title>
 
     {% comment %} Load the correct Bootstrap CSS file for RTL/LTR {% endcomment %}
     {% if LANGUAGE_CODE == 'ar' %}
@@ -309,7 +309,7 @@
     <nav id="topNavbar" class="navbar navbar-expand-lg sticky-top bg-white border-bottom" style="z-index: 1040;">
     <div class="container-fluid">
         <a class="navbar-brand text-dark fw-bold" href="{% url 'kaauh_career' %}">
-            <img src="{% static 'image/kaauh.jpeg' %}" alt="{% translate 'KAAUH IMAGE' %}" style="height: 50px; margin-right: 10px;">
+            <img src="{% static 'image/kaauh.jpeg' %}" alt="{% trans 'KAAUH IMAGE' %}" style="height: 50px; margin-right: 10px;">
             <span style="color:#00636e;">KAAUH Careers</span>
         </a>
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
@@ -320,13 +320,21 @@
             <ul class="navbar-nav ms-auto">
 
                 {% comment %} <li class="nav-item">
-                    <a class="nav-link text-secondary" href="{% url 'applicant_profile'  %}">{% translate "Applications" %}</a>
+                    <a class="nav-link text-secondary" href="{% url 'applicant_profile'  %}">{% trans "Applications" %}</a>
                 </li> {% endcomment %}
+                {% if request.user.user_type == 'candidate' and request.user.is_authenticated and request.user.profile_image.url %}
+                   <a href="{% url 'applicant_portal_dashboard' %}">
+                    <img src="{{ request.user.profile_image.url }}" alt="{{ user.username }}" class="profile-avatar"
+                                    style="width: 50px; height: 50px; object-fit: cover; background-color: var(--kaauh-teal); display: inline-block; vertical-align: middle; border-radius: 50%;"
+                                    title="{% trans 'Your account' %}">
+                   </a>
+                {% else %}
                 <li class="nav-item">
-                    <a class="nav-link text-secondary" href="{% url 'applicant_portal_dashboard'  %}">{% translate "Profile" %}</a>
+                    <a class="nav-link text-secondary" href="{% url 'applicant_portal_dashboard'  %}">{% trans "Profile" %}</a>
                 </li>
+                {% endif %}
                 <li class="nav-item">
-                    <a class="nav-link text-secondary" href="{% url 'kaauh_career' %}">{% translate "Careers" %}</a>
+                    <a class="nav-link text-secondary" href="{% url 'kaauh_career' %}">{% trans "Careers" %}</a>
                 </li>
 
                 <li class="nav-item dropdown">
diff --git a/templates/user/profile.html b/templates/user/profile.html
index 75af172..0b4c88e 100644
--- a/templates/user/profile.html
+++ b/templates/user/profile.html
@@ -112,7 +112,13 @@
             <p class="text-muted mb-0">{% trans "Manage your personal details and security." %}</p>
         </div>
         <div class="rounded-circle bg-primary-subtle text-accent d-flex align-items-center justify-content-center" style="width: 50px; height: 50px; font-size: 1.5rem;">
-            {% if user.first_name %}{{ user.first_name.0 }}{% else %}<i class="fas fa-user"></i>{% endif %}
+            {% if user.profile_image.url %}
+               <img src="{{ user.profile_image.url }}" alt="{{ user.username }}" class="profile-avatar"
+                                    style="width: 100px; height: 100px; object-fit: cover; background-color: var(--kaauh-teal); display: inline-block; vertical-align: middle;"
+                                    title="{% trans 'Your account' %}">
+            {% else %}
+               {% if user.first_name %}{{ user.first_name.0 }}{% else %}<i class="fas fa-user"></i>{% endif %}
+            {% endif %}
         </div>
     </div>
 
