diff --git a/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx b/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
index 939f28c9f..b149c9dad 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
@@ -242,14 +242,26 @@ export function LibraryListCardContent(
           title={props.item.title}
           readingProgress={item.readingProgressPercent}
         />
-
+      </Box>
+      <VStack
+        alignment="start"
+        distribution="start"
+        css={{
+          height: '100%',
+          width: '100%',
+          lineHeight: 1,
+          gap: '5px',
+          position: 'relative',
+        }}
+      >
         <Box
           css={{
             ...MenuStyle,
             position: 'absolute',
-            top: 0,
-            right: 0,
+            top: -10,
+            right: -10,
             m: '5px',
+            bg: 'red',
             visibility: menuOpen ? 'visible' : 'hidden',
             '@media (hover: none)': {
               visibility: 'unset',
@@ -266,12 +278,6 @@ export function LibraryListCardContent(
             }
           />
         </Box>
-      </Box>
-      <VStack
-        alignment="start"
-        distribution="start"
-        css={{ height: '100%', width: '100%', lineHeight: 1, gap: '5px' }}
-      >
         <HStack
           css={{
             ...MetaStyle,