diff --git a/frontend/src/styles/documents/listing.css b/frontend/src/styles/documents/listing.css
index c327d77..42c3e1c 100644
--- a/frontend/src/styles/documents/listing.css
+++ b/frontend/src/styles/documents/listing.css
@@ -429,13 +429,13 @@
 
 .documents-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(var(--documents-grid-icon-size), 1fr));
-  gap: 0.3rem 1.3rem;
-  padding: 0;
+  grid-template-columns: repeat(auto-fill, minmax(var(--documents-grid-icon-size), var(--documents-grid-icon-size)));
+  gap: 0.3rem 1.5rem;
+  justify-content: flex-start;
 }
 
 .document-card {
-  padding: 0rem;
+  padding: 0;
   display: flex;
   flex-direction: column;
   gap: 0.3rem;
@@ -460,7 +460,6 @@
 .document-card__meta {
   display: flex;
   flex-direction: column;
-  align-items: center;
   gap: 0.35rem;
   width: 100%;
 }
@@ -468,7 +467,6 @@
 .document-card__title {
   display: flex;
   flex-direction: column;
-  align-items: center;
   gap: 0.35rem;
   color: var(--fg);
 }
@@ -549,7 +547,7 @@
   color: var(--fg);
   overflow: hidden;
   text-overflow: ellipsis;
-  white-space: break-word;
+  word-break: break-word;
   font-size: var(--documents-grid-title-size);
   padding: 0.2rem 0.7rem;
   border-radius: 1rem;