diff --git a/src/components/MDX/Challenges/Navigation.tsx b/src/components/MDX/Challenges/Navigation.tsx
index 0511bd05adc..151d2bce76c 100644
--- a/src/components/MDX/Challenges/Navigation.tsx
+++ b/src/components/MDX/Challenges/Navigation.tsx
@@ -115,7 +115,7 @@ export function Navigation({
           onClick={handleScrollLeft}
           aria-label="Scroll left"
           className={cn(
-            'bg-secondary-button dark:bg-secondary-button-dark h-8 px-2 rounded-l rtl:rounded-r rtl:rounded-l-none border-gray-20 border-r rtl:border-l rtl:border-r-0',
+            'bg-secondary-button dark:bg-secondary-button-dark h-8 px-2 rounded-l rtl:rounded-r rtl:rounded-l-none border-gray-20 border-r dark:border-border-dark rtl:border-l rtl:border-r-0',
             {
               'text-primary dark:text-primary-dark': canScrollLeft,
               'text-gray-30': !canScrollLeft,
diff --git a/src/styles/index.css b/src/styles/index.css
index 7bdf4c76590..da5b072834f 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -501,6 +501,13 @@
     overflow: auto;
   }
 
+  html.dark {
+    table td,
+    table th {
+      border-color: #343a46;
+    }
+  }
+
   summary::-webkit-details-marker {
     display: none;
   }