From e5c80edbf301ea580028f4142dc7247ed2820690 Mon Sep 17 00:00:00 2001
From: Eva Marco <eva.marco@kaleidos.net>
Date: Wed, 12 Aug 2026 13:20:07 +0200
Subject: [PATCH] :bug: Fix libraries grid layout (#11226)

---
 frontend/src/app/main/ui/dashboard/grid.cljs | 3 ++-
 frontend/src/app/main/ui/dashboard/grid.scss | 8 +++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/main/ui/dashboard/grid.cljs b/frontend/src/app/main/ui/dashboard/grid.cljs
index 0b19614858..59442337f8 100644
--- a/frontend/src/app/main/ui/dashboard/grid.cljs
+++ b/frontend/src/app/main/ui/dashboard/grid.cljs
@@ -480,7 +480,8 @@
       [:li {:class (stl/css-case :grid-item true
                                  :project-thumbnail true
                                  :library-item library-view?)}
-       [:div {:class (stl/css-case :is-selected selected?)
+       [:div {:class (stl/css-case :is-selected selected?
+                                   :grid-item-button true)
               :ref node-ref
               :role "button"
               :title (:name file)
diff --git a/frontend/src/app/main/ui/dashboard/grid.scss b/frontend/src/app/main/ui/dashboard/grid.scss
index 448600c835..97291f6002 100644
--- a/frontend/src/app/main/ui/dashboard/grid.scss
+++ b/frontend/src/app/main/ui/dashboard/grid.scss
@@ -180,6 +180,12 @@ $thumbnail-default-height: px2rem(168);
   }
 }
 
+.grid-item-button {
+  inline-size: 100%;
+  block-size: 100%;
+  padding: 0 px2rem(6);
+}
+
 .project-thumbnail-actions {
   align-items: center;
   display: flex;
@@ -328,7 +334,7 @@ $thumbnail-default-height: px2rem(168);
 // ─── LIBRARY ───────────────────────────────────
 
 .library-thumbnail {
-  border-radius: $br-4;
+  border-radius: $br-8;
   position: relative;
   overflow: hidden;
   background-color: var(--color-background-tertiary);