diff --git a/src/components/BookmarkViews/CardView.tsx b/src/components/BookmarkViews/CardView.tsx
index 39a0ca12..7f98abcb 100644
--- a/src/components/BookmarkViews/CardView.tsx
+++ b/src/components/BookmarkViews/CardView.tsx
@@ -150,8 +150,8 @@ export const CardView: React.FC<CardViewProps> = ({
         <ReadingProgressBar 
           readingProgress={readingProgress}
           height={1}
-          marginTop="0.25rem"
-          marginBottom="0.25rem"
+          marginTop="0.125rem"
+          marginBottom="0.125rem"
         />
         
         <div className="bookmark-footer">
diff --git a/src/styles/components/cards.css b/src/styles/components/cards.css
index 01d9deb9..a2a35724 100644
--- a/src/styles/components/cards.css
+++ b/src/styles/components/cards.css
@@ -200,7 +200,7 @@
 
 .card-content .bookmark-footer {
   margin-top: auto;
-  padding-top: 0.25rem;
+  padding-top: 0.125rem;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -238,7 +238,7 @@
   background: var(--color-border);
   border-radius: 0.5px;
   overflow: hidden;
-  margin: 0.25rem 0;
+  margin: 0.125rem 0;
   position: relative;
 }
 
@@ -323,7 +323,7 @@
   }
   
   .card-content .bookmark-footer {
-    padding-top: 0.25rem;
+    padding-top: 0.125rem;
   }
 }