diff --git a/console/src/app/pages/projects/owned-projects/owned-project-detail/application-grid/application-grid.component.scss b/console/src/app/pages/projects/owned-projects/owned-project-detail/application-grid/application-grid.component.scss
index 41e789672d..33cfcda76b 100644
--- a/console/src/app/pages/projects/owned-projects/owned-project-detail/application-grid/application-grid.component.scss
+++ b/console/src/app/pages/projects/owned-projects/owned-project-detail/application-grid/application-grid.component.scss
@@ -16,9 +16,9 @@
 }
 
 .app-container {
-  display: flex;
-  flex-wrap: wrap;
-  margin-left: -1rem;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, 120px);
+  grid-auto-rows: auto;
   padding-bottom: 2rem;
 
   .sp-container {
@@ -34,7 +34,6 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    max-width: 150px;
 
     .grid-card {
       cursor: pointer;
@@ -54,11 +53,19 @@
 
     .name {
       font-size: 14px;
+      text-align: center;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      width: 100%;
     }
 
     .type {
       font-size: 12px;
       color: #8a868a;
+      text-align: center;
+      width: 100%;
+      text-overflow: ellipsis;
+      overflow: hidden;
     }
   }
 }