From 7aa006a123900cd6215fef7f20ac0a712ffca931 Mon Sep 17 00:00:00 2001
From: Guillaume Chau <guillaume.b.chau@gmail.com>
Date: Thu, 6 Oct 2022 14:05:12 +0200
Subject: [PATCH] fix(grid): gradient is cut off

---
 .../src/app/components/story/StoryVariantGrid.vue             | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/histoire-app/src/app/components/story/StoryVariantGrid.vue b/packages/histoire-app/src/app/components/story/StoryVariantGrid.vue
index 9104e661..cd082d52 100644
--- a/packages/histoire-app/src/app/components/story/StoryVariantGrid.vue
+++ b/packages/histoire-app/src/app/components/story/StoryVariantGrid.vue
@@ -110,7 +110,7 @@ const columnCount = computed(() => Math.min(storyStore.currentStory.variants.len
 </script>
 
 <template>
-  <div class="htw-flex htw-flex-col htw-items-stretch htw-h-full">
+  <div class="htw-flex htw-flex-col htw-items-stretch htw-h-full __histoire-pane-shadow-from-right">
     <!-- Toolbar -->
     <div
       v-if="!isMobile"
@@ -121,7 +121,7 @@ const columnCount = computed(() => Math.min(storyStore.currentStory.variants.len
 
     <div
       ref="el"
-      class="htw-overflow-y-auto __histoire-pane-shadow-from-right htw-flex htw-flex-1"
+      class="htw-overflow-y-auto htw-flex htw-flex-1"
       @scroll="updateMaxCount()"
     >
       <div