From db888c4e0246346e55c794e0fbff1babfda3b604 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Fri, 1 Oct 2021 20:04:39 +0530
Subject: [PATCH] fix: Fix dropdown item colors

---
 app/assets/javascripts/components/Dropdown.tsx | 1 -
 app/assets/stylesheets/_sn.scss                | 1 +
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/assets/javascripts/components/Dropdown.tsx b/app/assets/javascripts/components/Dropdown.tsx
index 093914de7..46a65a909 100644
--- a/app/assets/javascripts/components/Dropdown.tsx
+++ b/app/assets/javascripts/components/Dropdown.tsx
@@ -9,7 +9,6 @@ import {
 import VisuallyHidden from '@reach/visually-hidden';
 import { FunctionComponent } from 'preact';
 import { IconType, Icon } from './Icon';
-import '@reach/listbox/styles.css';
 import { useState } from 'preact/hooks';
 
 export type DropdownItem = {
diff --git a/app/assets/stylesheets/_sn.scss b/app/assets/stylesheets/_sn.scss
index e1ff02453..d42e5bdaa 100644
--- a/app/assets/stylesheets/_sn.scss
+++ b/app/assets/stylesheets/_sn.scss
@@ -156,6 +156,7 @@
   }
 
   &[data-current-nav] {
+    color: var(--sn-stylekit-contrast-foreground-color);
     @extend .bg-contrast;
     @extend .hover\:color-text;
   }