From d4d9169210ecd647b230be9ba8d418b1a5b2c9b8 Mon Sep 17 00:00:00 2001
From: stacksmash76 <98354295+stacksmash76@users.noreply.github.com>
Date: Thu, 17 Feb 2022 19:09:54 +0100
Subject: [PATCH] fix: user dropdown colors (#141)

fix(Base): Added missing transition-colors property to the user dropdown pill in the header component.
---
 web/src/screens/Base.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/src/screens/Base.tsx b/web/src/screens/Base.tsx
index d260b12..3cf7fca 100644
--- a/web/src/screens/Base.tsx
+++ b/web/src/screens/Base.tsx
@@ -115,7 +115,9 @@ export default function Base() {
                                                         <Menu.Button
                                                             className={classNames(
                                                               open ? "bg-gray-200 dark:bg-gray-800" : "",
-                                                              "text-gray-800 dark:text-gray-300 max-w-xs rounded-full flex items-center text-sm px-3 py-2 hover:bg-gray-200 dark:hover:bg-gray-800"
+                                                              "text-gray-800 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-800",
+                                                              "max-w-xs rounded-full flex items-center text-sm px-3 py-2",
+                                                              "transition-colors duration-200"
                                                             )}
                                                         >
                                                             <span className="hidden text-sm font-medium sm:block">