diff --git a/fern/changelog/overview.mdx b/fern/changelog/overview.mdx
index 626a7637b..20c73a619 100644
--- a/fern/changelog/overview.mdx
+++ b/fern/changelog/overview.mdx
@@ -2,7 +2,7 @@
 slug: changelog
 ---
 <Card
-  title={<div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', cursor: 'pointer' }} onClick={() => document.querySelector('input[type="email"]').focus()}>Get the (almost) daily changelog</div>}
+  title={<div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', cursor: 'pointer', color: 'inherit' }} onClick={() => document.querySelector('input[type="email"]').focus()}>Get the (almost) daily changelog</div>}
   icon="envelope"
   iconType="solid"
 >
@@ -37,14 +37,18 @@ slug: changelog
           fontSize: '0.875rem',
           outline: 'none',
           transition: 'border-color 0.2s ease-in-out',
+          color: '#1f2937',
           ':focus': {
             borderColor: '#4f46e5',
             boxShadow: '0 0 0 1px #4f46e5'
           },
           '@media (prefers-color-scheme: dark)': {
-            backgroundColor: '#1f2937',
-            borderColor: '#374151',
+            backgroundColor: '#374151',
+            borderColor: '#4b5563',
             color: '#f3f4f6',
+            '::placeholder': {
+              color: '#9ca3af'
+            },
             ':focus': {
               borderColor: '#6366f1',
               boxShadow: '0 0 0 1px #6366f1'
@@ -55,7 +59,7 @@ slug: changelog
       <button
         type="submit"
         style={{
-          backgroundColor: '#37aa9d', // Match the theme color
+          backgroundColor: '#37aa9d',
           color: 'white',
           fontWeight: 500,
           padding: '0.5rem 1rem',
@@ -64,16 +68,17 @@ slug: changelog
           cursor: 'pointer',
           transition: 'all 0.2s ease-in-out',
           ':hover': {
-            backgroundColor: '#2e8b7d', // Slightly darker shade for hover
+            backgroundColor: '#2e8b7d',
             transform: 'translateY(-1px)'
           },
           ':active': {
             transform: 'translateY(0)'
           },
           '@media (prefers-color-scheme: dark)': {
-            backgroundColor: '#94ffd2', // Match the dark theme color
+            backgroundColor: '#94ffd2',
+            color: '#1f2937',
             ':hover': {
-              backgroundColor: '#7cd9b0' // Slightly darker shade for hover in dark mode
+              backgroundColor: '#7cd9b0'
             }
           }
         }}