diff --git a/src/renderer/components/grid-carousel/grid-carousel-v2.tsx b/src/renderer/components/grid-carousel/grid-carousel-v2.tsx
index fb1f3dc11..c336ed901 100644
--- a/src/renderer/components/grid-carousel/grid-carousel-v2.tsx
+++ b/src/renderer/components/grid-carousel/grid-carousel-v2.tsx
@@ -265,6 +265,7 @@ function BaseGridCarousel(props: GridCarouselProps) {
                         dragConstraints={{ left: 0, right: 0 }}
                         dragElastic={0}
                         dragMomentum={false}
+                        dragPropagation={false}
                         onDragEnd={handleDragEnd}
                         onDragStart={handleDragStart}
                     >
diff --git a/src/renderer/components/grid-carousel/grid-carousel.module.css b/src/renderer/components/grid-carousel/grid-carousel.module.css
index b34461d71..d28b25e28 100644
--- a/src/renderer/components/grid-carousel/grid-carousel.module.css
+++ b/src/renderer/components/grid-carousel/grid-carousel.module.css
@@ -10,8 +10,10 @@
 
 .navigation {
     display: flex;
+    flex-shrink: 0;
     align-items: center;
     justify-content: space-between;
+    width: 100%;
     touch-action: pan-x;
     cursor: grab;
     user-select: none;
@@ -39,13 +41,6 @@
     grid-template-columns: repeat(var(--cards-to-show, 2), minmax(0, 1fr));
     gap: var(--theme-spacing-md);
     overflow: hidden;
-    touch-action: pan-x;
-    cursor: grab;
-    user-select: none;
-}
-
-.grid:active {
-    cursor: grabbing;
 }
 
 .page-indicator {