Update Sidebar.jsx for proper displaying External links icon in dark …

…mode
json-schema-org · Oct 2, 2024 · 5ce91ac · 5ce91ac
1 parent 8a71938
commit 5ce91ac
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
@@ -82,9 +82,15 @@ const DocLinkBlank = ({
       }}
     >
       {label}
-      <ExternalLinkIcon
-        style={{ marginLeft: '0.25em', width: '1em', height: '1em' }}
-      />
+      <span className='dark:invert flex justify-center items-center'>
+        <ExternalLinkIcon
+          style={{
+            marginLeft: '0.25em',
+            width: '1em',
+            height: '1em',
+          }}
+        />
+      </span>
     </Link>
   );
 };