diff --git a/quartz/components/pages/FolderContent.tsx b/quartz/components/pages/FolderContent.tsx
index d37985e5b..d52984bb8 100644
--- a/quartz/components/pages/FolderContent.tsx
+++ b/quartz/components/pages/FolderContent.tsx
@@ -43,7 +43,7 @@ export default ((opts?: Partial<FolderContentOptions>) => {
     const sortedTags = Array.from(allTags).sort()
 
     const cssClasses: string[] = fileData.frontmatter?.cssclasses ?? []
-    const classes = ["popover-hint", ...cssClasses].join(" ")
+    const classes = ["popover-hint", "disable-card-preview", ...cssClasses].join(" ")
     const listProps = {
       ...props,
       allFiles: allPagesInFolder,
diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index 95787c2c4..81582c774 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -639,6 +639,33 @@ input {
         }
       }
     }
+
+    .internal {
+      &[href*=".html"],
+      &:not([href*="."]) {
+        &::before, &::after {
+          display: none !important;
+        }
+      }
+
+      // Keep the hover effect
+      &:hover {
+        color: var(--secondary);
+      }
+    }
+  }
+}
+
+// Disable preview popups for folder listing cards
+.disable-card-preview {
+  .popover {
+    display: none !important;
+  }
+
+  .internal {
+    &::before, &::after {
+      display: none !important;
+    }
   }
 }