From 8fff3b28b2d0d0e7e37a7834c062bc8228cc8730 Mon Sep 17 00:00:00 2001
From: Enoch Riese <enoch.riese@gmail.com>
Date: Thu, 28 Jul 2022 15:19:03 -0500
Subject: [PATCH] remove daisy dropdown styling from headless dropdowns

---
 sites/shared/components/picker.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/sites/shared/components/picker.js b/sites/shared/components/picker.js
index 076bfabd6b0..bfba5c33335 100644
--- a/sites/shared/components/picker.js
+++ b/sites/shared/components/picker.js
@@ -5,17 +5,17 @@ import Link from 'next/link'
 /** an accessible dropdown menu for use by picker components */
 export const Picker = ({Icon, className, title, ariaLabel, iconOnly=false, children, end}) => {
 
-	return (<Menu as="div" className={`dropdown w-auto ${end ? 'dropdown-end' : ''}`}>
+	return (<Menu as="div" className={`w-auto relative`}>
 		<Menu.Button className={iconOnly
 			? `btn btn-sm`
 			: `m-0 btn btn-neutral flex flex-row gap-2
-			hover:bg-neutral-content hover:border-neutral-content hover:text-neutral
+			hover:bg-neutral-focus
 			`}
 			aria-label={ariaLabel}>
 			<Icon />
 			{!iconOnly && <span>{title}</span>}
 		</Menu.Button>
-		<Menu.Items as="ul" className={`p-2 shadow menu dropdown-content bg-base-100 rounded-box w-52 ${className}`}>
+		<Menu.Items as="ul" className={`p-2 shadow menu bg-base-100 rounded-box w-52 ${className} absolute ${end ? 'right-0' : 'left-0'} top-full mt-1`}>
 		 {children}
 		</Menu.Items>
 	</Menu>)