diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index d416688a5..bf668596d 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -234,7 +234,7 @@ a:hover, a:active{ color: var(--oc-red-9); text-decoration: underline;}
 a img{ border: 0; }
 
 a.issue.closed, a.issue.closed:link, a.issue.closed:visited { color: var(--oc-gray-6); text-decoration: line-through; }
-a.project.closed, a.project.closed:link, a.project.closed:visited { color: var(--oc-gray-6); }
+a.project.closed, a.project.closed:link, a.project.closed:visited { color: var(--oc-gray-6); text-decoration: line-through; }
 a.user.locked, a.user.locked:link, a.user.locked:visited {color: var(--oc-gray-6);}
 a.user.user-mention {
   background-color: var(--oc-blue-0);
@@ -943,9 +943,7 @@ table.projects td.name .my-project svg {
 
 #notified-projects>ul, #tracker_project_ids>ul, #custom_field_project_ids>ul {max-height:250px; overflow-y:auto;}
 
-ul.subprojects {list-style: none; display: inline-block; padding: 0; margin: 0;}
-ul.subprojects li {float: inline-start;}
-ul.subprojects li:not(:last-child)::after {content: ', '; white-space: pre;}
+ul.subprojects {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 25px; row-gap: 5px; padding: 0 0 0 1.2em; margin: 0;}
 
 #related-issues li img {vertical-align:middle;}