diff --git a/packages/web/components/patterns/DropdownMenu.tsx b/packages/web/components/patterns/DropdownMenu.tsx
index 5d39cc1cb..efa46dfcc 100644
--- a/packages/web/components/patterns/DropdownMenu.tsx
+++ b/packages/web/components/patterns/DropdownMenu.tsx
@@ -47,28 +47,24 @@ export function DropdownMenu(props: DropdownMenuProps): JSX.Element {
           <Button
             style="themeSwitch"
             css={{ background: '#FFFFFF' }}
-            data-state={isDark ? 'unselected' : 'selected' }
+            data-state={isDark ? 'unselected' : 'selected'}
             onClick={() => {
               props.actionHandler('apply-lighter-theme')
               setCurrentTheme(currentThemeName())
             }}
           >
-            {!isDark && (
-              <Check color='#F9D354' size={32} />
-            )}
+            {!isDark && <Check color="#F9D354" size={32} />}
           </Button>
           <Button
             style="themeSwitch"
             css={{ background: '#3D3D3D' }}
-            data-state={isDark ? 'selected' : 'unselected' }
+            data-state={isDark ? 'selected' : 'unselected'}
             onClick={() => {
               props.actionHandler('apply-dark-theme')
               setCurrentTheme(currentThemeName())
             }}
           >
-            {isDark && (
-              <Check color='#F9D354' size={32} />
-            )}
+            {isDark && <Check color="#F9D354" size={32} />}
           </Button>
         </HStack>
       </VStack>
@@ -92,6 +88,10 @@ export function DropdownMenu(props: DropdownMenuProps): JSX.Element {
         onSelect={() => props.actionHandler('navigate-to-integrations')}
         title="Integrations"
       />
+      <DropdownOption
+        onSelect={() => window.open('https://docs.omnivore.app', '_blank')}
+        title="Documentation"
+      />
       <DropdownOption
         onSelect={() => window.Intercom('show')}
         title="Feedback"