diff --git a/components/PublicGrid.tsx b/components/PublicGrid.tsx
index 91f512c..11b75e5 100644
--- a/components/PublicGrid.tsx
+++ b/components/PublicGrid.tsx
@@ -466,7 +466,7 @@ function FlipBook({ pages, onClose }: { pages: string[]; onClose: () => void })
         flippingTime: 800,
         usePortrait: true,
         maxShadowOpacity: 0.5,
-        showCover: true,
+        showCover: false,
         mobileScrollSupport: false,
         useMouseEvents: true,
         swipeDistance: 30,
@@ -520,23 +520,23 @@ function FlipBook({ pages, onClose }: { pages: string[]; onClose: () => void })
       >✕</button>
 
       <style dangerouslySetInnerHTML={{ __html: `
-        .stf__item.--left::after,
-        .stf__item.--right::after {
+        .stf__item[class~="--left"]::after,
+        .stf__item[class~="--right"]::after {
           content: '';
           position: absolute;
           top: 0;
           bottom: 0;
-          width: 28px;
+          width: 50px;
           pointer-events: none;
-          z-index: 2;
+          z-index: 10;
         }
-        .stf__item.--left::after {
+        .stf__item[class~="--left"]::after {
           right: 0;
-          background: linear-gradient(to left, rgba(0,0,0,0.45), transparent);
+          background: linear-gradient(to left, rgba(0,0,0,0.65), transparent);
         }
-        .stf__item.--right::after {
+        .stf__item[class~="--right"]::after {
           left: 0;
-          background: linear-gradient(to right, rgba(0,0,0,0.45), transparent);
+          background: linear-gradient(to right, rgba(0,0,0,0.65), transparent);
         }
       `}} />
       <div