diff --git a/app/assets/stylesheets/projects.scss b/app/assets/stylesheets/projects.scss
index 97a2c1ec8..e4e0b2d39 100644
--- a/app/assets/stylesheets/projects.scss
+++ b/app/assets/stylesheets/projects.scss
@@ -1172,7 +1172,7 @@ li.module-hover {
           .card {
             &.folder-card {
               .name {
-                grid-column: 7 span;
+                grid-column: 1 span;
               }
             }
 
diff --git a/app/views/projects/index/_folder_card.html.erb b/app/views/projects/index/_folder_card.html.erb
index 196694a06..a87612559 100644
--- a/app/views/projects/index/_folder_card.html.erb
+++ b/app/views/projects/index/_folder_card.html.erb
@@ -27,7 +27,9 @@
     </div>
   <% end %>
 
-  <% 5.times do %>
+  <%# match the number of columns in projects %>
+  <% additional_columns = folder.archived_branch? ? 6 : 5 %>
+  <% additional_columns.times do %>
     <div class="name table-cell">
     </div>
   <% end %>
diff --git a/app/views/projects/index/_project_card.html.erb b/app/views/projects/index/_project_card.html.erb
index 75a0f1bf2..100a91df6 100644
--- a/app/views/projects/index/_project_card.html.erb
+++ b/app/views/projects/index/_project_card.html.erb
@@ -8,7 +8,8 @@
       <span class="sci-checkbox-label"></span>
     </div>
   </div>
-    <div class="project-code-cell table-cell">
+
+  <div class="project-code-cell table-cell">
     <span><%= project.code %></span>
   </div>
 
@@ -30,6 +31,7 @@
       <% end %>
     <% end %>
   </div>
+
   <div class="actions actions-cell table-cell">
     <div
       class="dropdown dropdown-async project-actions-menu  <%= 'new-comments' if has_unseen_comments?(project) %>"