diff --git a/src/styles/components/icon-button.css b/src/styles/components/icon-button.css
index db926b39..ccce08eb 100644
--- a/src/styles/components/icon-button.css
+++ b/src/styles/components/icon-button.css
@@ -31,6 +31,13 @@
     min-width: var(--min-touch-target);
     min-height: var(--min-touch-target);
   }
+  
+  /* Keep icon size consistent to prevent blurriness */
+  .icon-button svg {
+    font-size: 1rem;
+    width: 1em;
+    height: 1em;
+  }
 }
 
 /* Disable hover effects on touch devices */
diff --git a/src/styles/layout/highlights.css b/src/styles/layout/highlights.css
index bd2d83a8..8d47d5c8 100644
--- a/src/styles/layout/highlights.css
+++ b/src/styles/layout/highlights.css
@@ -144,6 +144,13 @@
 @media (max-width: 768px) {
   .highlight-relay-indicator { padding: 8px; min-width: var(--min-touch-target); min-height: var(--min-touch-target); }
   .compact-button { padding: 0.5rem; min-width: var(--min-touch-target); min-height: var(--min-touch-target); }
+  
+  /* Keep icon size consistent to prevent blurriness */
+  .compact-button svg {
+    font-size: 0.875rem;
+    width: 1em;
+    height: 1em;
+  }
 }
 
 /* Level-colored quote icon */
diff --git a/src/styles/layout/sidebar.css b/src/styles/layout/sidebar.css
index c52b10df..1eebba23 100644
--- a/src/styles/layout/sidebar.css
+++ b/src/styles/layout/sidebar.css
@@ -72,6 +72,12 @@
 @media (max-width: 768px) {
   .sidebar-header-bar .toggle-sidebar-btn { display: none; }
   .mobile-close-btn { display: flex; }
+  
+  /* Keep icon sizes consistent to prevent blurriness */
+  .sidebar-header-bar svg {
+    width: 1em;
+    height: 1em;
+  }
 }
 
 .view-mode-controls {