diff --git a/frontend/resources/styles/main/partials/dashboard-grid.scss b/frontend/resources/styles/main/partials/dashboard-grid.scss
index ae8f0df77..c9ac8ccf7 100644
--- a/frontend/resources/styles/main/partials/dashboard-grid.scss
+++ b/frontend/resources/styles/main/partials/dashboard-grid.scss
@@ -94,9 +94,7 @@
     }
 
     .item-info {
-      color: $color-gray-20;
-      display: flex;
-      flex-direction: column;
+      display: grid;
       padding: $size-2;
       text-align: left;
       width: 100%;
@@ -120,13 +118,18 @@
           max-width: 230px;
         }
       }
-
+      
       span.date {
-        color: $color-gray-30;
+        color: $color-gray-20;
         font-size: $fs14;
         overflow: hidden;
         text-overflow: ellipsis;
         width: 100%;
+        white-space: nowrap;
+        max-width: 260px;
+        @media #{$bp-max-1366} {
+          max-width: 230px;
+        }
       }
 
       .edit-wrapper {
diff --git a/frontend/src/app/main/ui/dashboard/grid.cljs b/frontend/src/app/main/ui/dashboard/grid.cljs
index 1e0b60ab0..c51e1dbf9 100644
--- a/frontend/src/app/main/ui/dashboard/grid.cljs
+++ b/frontend/src/app/main/ui/dashboard/grid.cljs
@@ -62,7 +62,8 @@
   [{:keys [modified-at]}]
   (let [locale (mf/deref i18n/locale)
         time   (dt/timeago modified-at {:locale locale})]
-    (str (tr "ds.updated-at" time))))
+    [:span.date
+     (str (tr "ds.updated-at" time))]))
 
 (defn create-counter-element
   [_element file-count]