diff --git a/hypha/apply/dashboard/templates/dashboard/applicant_dashboard.html b/hypha/apply/dashboard/templates/dashboard/applicant_dashboard.html
index 97209700df..a85cacc787 100644
--- a/hypha/apply/dashboard/templates/dashboard/applicant_dashboard.html
+++ b/hypha/apply/dashboard/templates/dashboard/applicant_dashboard.html
@@ -33,8 +33,8 @@ <h2 class="font-light flex-1">{% trans "My active submissions" %}</h2>
                 {% for submission in my_active_submissions %}
                     <div class="wrapper wrapper--status-bar-outer">
                         <div class="wrapper wrapper--status-bar-inner">
-                            <div class="mt-5 ml-4">
-                                <h4 class="heading mb-2 font-bold"><a class="link" href="{% url 'funds:submissions:detail' submission.id %}">{{ submission.title }}</a></h4>
+                            <div class="mt-5 ml-4 lg:max-w-[30%]">
+                                <h4 class="heading mb-2 font-bold line-clamp-3 hover:line-clamp-none"><a class="link" href="{% url 'funds:submissions:detail' submission.id %}">{{ submission.title }}</a></h4>
                                 <p class="m-0 text-gray-400">{% trans "Submitted on " %} {{ submission.submit_time.date }} {% trans "by" %} {{ submission.user.get_full_name }}</p>
                             </div>
                             {% status_bar submission.workflow submission.phase request.user css_class="status-bar--small" %}
@@ -63,8 +63,8 @@ <h2 class="font-light flex-1">{% trans "My active projects" %}</h2>
                 {% for project in active_projects.data %}
                     <div class="wrapper wrapper--status-bar-outer">
                         <div class="wrapper wrapper--status-bar-inner">
-                            <div class="mt-5 ml-4">
-                                <h4 class="heading mb-2 font-bold"><a class="link" href="{% url 'apply:projects:detail' project.id %}">{{ project.title }}</a></h4>
+                            <div class="mt-5 ml-4 lg:max-w-[30%]">
+                                <h4 class="heading mb-2 font-bold line-clamp-3 hover:line-clamp-none"><a class="link" href="{% url 'apply:projects:detail' project.id %}">{{ project.title }}</a></h4>
                                 <p class="m-0 text-gray-400">{% trans "Project start date: " %} {{ project.created_at.date }}</p>
                             </div>
                             {% project_status_bar project.status request.user css_class="status-bar--small" %}
diff --git a/hypha/static_src/src/sass/apply/components/_status-bar.scss b/hypha/static_src/src/sass/apply/components/_status-bar.scss
index 9e1b5c7309..b47e7a73f9 100644
--- a/hypha/static_src/src/sass/apply/components/_status-bar.scss
+++ b/hypha/static_src/src/sass/apply/components/_status-bar.scss
@@ -18,8 +18,9 @@
 
     &--small {
         width: 100%;
-        max-width: 800px;
-        margin-right: 40px;
+        max-width: 750px;
+        margin-right: 30px;
+        margin-left: 16px;
     }
 
     &__subheading {