diff --git a/app/views/case_contacts/case_contacts_new_design/index.html.erb b/app/views/case_contacts/case_contacts_new_design/index.html.erb
index 826a58173b..8ec6f69518 100644
--- a/app/views/case_contacts/case_contacts_new_design/index.html.erb
+++ b/app/views/case_contacts/case_contacts_new_design/index.html.erb
@@ -1,8 +1,20 @@
 <div class="title-wrapper pt-30">
   <div class="row align-items-center">
+    <div class="col-md-6">
       <div class="title mb-30">
         <h1>Case Contacts</h1>
       </div>
+    </div>
+    <div class="col-md-6">
+      <div class="breadcrumb-wrapper mb-30 text-end">
+        <%= link_to new_case_contact_path,
+            class: "main-btn btn-sm primary-btn btn-hover ml-3",
+            aria: { label: "Create new case contact" } do %>
+          <i class="lni lni-plus"></i>
+          New Case Contact
+        <% end %>
+      </div>
+    </div>
   </div>
 </div>