diff --git a/dist/lite/markedit-preview.js b/dist/lite/markedit-preview.js
index 8c531e9..e11b7c2 100644
--- a/dist/lite/markedit-preview.js
+++ b/dist/lite/markedit-preview.js
@@ -2028,7 +2028,7 @@ ${r}`}async function dr(e=!0){const n=H.MarkEdit.editorAPI.getText();return awai
   .quicklook-segmented {
     pointer-events: auto;
     padding: 0;
-    gap: 2px;
+    gap: 0;
     overflow: hidden;
     background: rgba(242, 242, 245, 0.85);
     backdrop-filter: saturate(180%) blur(12px);
@@ -2042,6 +2042,10 @@ ${r}`}async function dr(e=!0){const n=H.MarkEdit.editorAPI.getText();return awai
     min-width: 0;
   }
 
+  .quicklook-segment:hover:not(.active) {
+    background: transparent;
+  }
+
   .quicklook-segment.active {
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
   }
@@ -2092,6 +2096,10 @@ ${r}`}async function dr(e=!0){const n=H.MarkEdit.editorAPI.getText();return awai
     border-color: rgba(128, 128, 128, 0.15);
   }
 
+  .quicklook-segment:hover:not(.active) {
+    background: transparent;
+  }
+
   .quicklook-segment.active {
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.45);
   }
diff --git a/dist/markedit-preview.js b/dist/markedit-preview.js
index 292bd76..7353d82 100644
--- a/dist/markedit-preview.js
+++ b/dist/markedit-preview.js
@@ -2279,7 +2279,7 @@ ${r}`}async function Jw(t=!0){const e=Yr.MarkEdit.editorAPI.getText();{const r=a
   .quicklook-segmented {
     pointer-events: auto;
     padding: 0;
-    gap: 2px;
+    gap: 0;
     overflow: hidden;
     background: rgba(242, 242, 245, 0.85);
     backdrop-filter: saturate(180%) blur(12px);
@@ -2293,6 +2293,10 @@ ${r}`}async function Jw(t=!0){const e=Yr.MarkEdit.editorAPI.getText();{const r=a
     min-width: 0;
   }
 
+  .quicklook-segment:hover:not(.active) {
+    background: transparent;
+  }
+
   .quicklook-segment.active {
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
   }
@@ -2343,6 +2347,10 @@ ${r}`}async function Jw(t=!0){const e=Yr.MarkEdit.editorAPI.getText();{const r=a
     border-color: rgba(128, 128, 128, 0.15);
   }
 
+  .quicklook-segment:hover:not(.active) {
+    background: transparent;
+  }
+
   .quicklook-segment.active {
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.45);
   }
diff --git a/styles/quicklook.css b/styles/quicklook.css
index 0afa0ea..bd606dc 100644
--- a/styles/quicklook.css
+++ b/styles/quicklook.css
@@ -165,7 +165,7 @@ body {
   .quicklook-segmented {
     pointer-events: auto;
     padding: 0;
-    gap: 2px;
+    gap: 0;
     overflow: hidden;
     background: rgba(242, 242, 245, 0.85);
     backdrop-filter: saturate(180%) blur(12px);
@@ -179,6 +179,10 @@ body {
     min-width: 0;
   }
 
+  .quicklook-segment:hover:not(.active) {
+    background: transparent;
+  }
+
   .quicklook-segment.active {
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
   }
@@ -229,6 +233,10 @@ body {
     border-color: rgba(128, 128, 128, 0.15);
   }
 
+  .quicklook-segment:hover:not(.active) {
+    background: transparent;
+  }
+
   .quicklook-segment.active {
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.45);
   }