diff --git a/apps/readest-app/src/app/reader/components/annotator/WikipediaPopup.tsx b/apps/readest-app/src/app/reader/components/annotator/WikipediaPopup.tsx
index 68d26725..1f5fa949 100644
--- a/apps/readest-app/src/app/reader/components/annotator/WikipediaPopup.tsx
+++ b/apps/readest-app/src/app/reader/components/annotator/WikipediaPopup.tsx
@@ -93,7 +93,7 @@ const WikipediaPopup: React.FC<WikipediaPopupProps> = ({
         errorMsg.innerHTML = _('Unable to load the article. Try searching directly on {{link}}.', {
           link: `<a href="https://${language}.wikipedia.org/w/index.php?search=${encodeURIComponent(
             query,
-          )}" target="_blank" rel="noopener noreferrer" class="text-primary underline">Wikipedia</a>`,
+          )}" target="_blank" rel="noopener noreferrer" class="not-eink:text-primary underline">Wikipedia</a>`,
         });
 
         errorDiv.append(h1, errorMsg);
@@ -120,7 +120,7 @@ const WikipediaPopup: React.FC<WikipediaPopupProps> = ({
         <div className='text-base-content flex h-full flex-col pt-2'>
           <main className='flex-grow overflow-y-auto px-2 font-sans'></main>
           <footer className='mt-auto hidden data-[state=loaded]:block data-[state=error]:hidden data-[state=loading]:hidden'>
-            <div className='flex items-center px-4 py-2 text-sm opacity-60'>
+            <div className='not-eink:opacity-60 flex items-center px-4 py-2 text-sm'>
               Source: Wikipedia (CC BY-SA)
             </div>
           </footer>
diff --git a/apps/readest-app/src/app/reader/components/annotator/WiktionaryPopup.tsx b/apps/readest-app/src/app/reader/components/annotator/WiktionaryPopup.tsx
index 58ca853b..4bc5ee95 100644
--- a/apps/readest-app/src/app/reader/components/annotator/WiktionaryPopup.tsx
+++ b/apps/readest-app/src/app/reader/components/annotator/WiktionaryPopup.tsx
@@ -162,7 +162,7 @@ const WiktionaryPopup: React.FC<WiktionaryPopupProps> = ({
           pushHistory(title);
         });
 
-        link.className = 'text-primary underline cursor-pointer';
+        link.className = 'not-eink:text-primary underline cursor-pointer';
       }
     });
 
@@ -206,7 +206,7 @@ const WiktionaryPopup: React.FC<WiktionaryPopupProps> = ({
 
         const p = document.createElement('p');
         p.innerText = results[0]!.language;
-        p.className = 'text-sm italic opacity-75';
+        p.className = 'text-sm italic not-eink:opacity-75';
         hgroup.append(h1, p);
         main.append(hgroup);
 
@@ -226,7 +226,7 @@ const WiktionaryPopup: React.FC<WiktionaryPopupProps> = ({
 
             if (examples) {
               const ul = document.createElement('ul');
-              ul.className = 'pl-8 list-disc text-sm italic opacity-75';
+              ul.className = 'pl-8 list-disc text-sm italic not-eink:opacity-75';
 
               examples.forEach((example) => {
                 const exampleLi = document.createElement('li');
@@ -261,7 +261,7 @@ const WiktionaryPopup: React.FC<WiktionaryPopupProps> = ({
         p.innerHTML = _('Unable to load the word. Try searching directly on {{link}}.', {
           link: `<a href="https://en.wiktionary.org/w/index.php?search=${encodeURIComponent(
             word,
-          )}" target="_blank" rel="noopener noreferrer" class="text-primary underline">Wiktionary</a>`,
+          )}" target="_blank" rel="noopener noreferrer" class="not-eink:text-primary underline">Wiktionary</a>`,
         });
 
         div.append(h1, p);
@@ -310,7 +310,7 @@ const WiktionaryPopup: React.FC<WiktionaryPopupProps> = ({
             ref={footerRef}
             className='mt-auto hidden data-[state=loaded]:block data-[state=error]:hidden data-[state=loading]:hidden'
           >
-            <div className='flex items-center px-4 py-2 text-sm opacity-60'>
+            <div className='not-eink:opacity-60 flex items-center px-4 py-2 text-sm'>
               Source: Wiktionary (CC BY-SA)
             </div>
           </footer>