From f73906bf1ea6ef4744bed7797d3fcd12eb39e4a2 Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Mon, 24 Oct 2022 19:34:06 -0700
Subject: [PATCH] keywords picker update

---
 src/components/KeywordsPicker.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/KeywordsPicker.tsx b/src/components/KeywordsPicker.tsx
index 7959d19..ada91a0 100644
--- a/src/components/KeywordsPicker.tsx
+++ b/src/components/KeywordsPicker.tsx
@@ -17,7 +17,8 @@ const KeywordsPicker = ({ keywords, value, onChange }: KeywordsPickerProps) => {
             <li key={keyword}>
               <button
                 className={classNames(
-                  "py-[5px] px-2 rounded-full text-[#C8C8C8] hover:bg-black bg-[#1A1A1A] border border-[#494949]                  ",
+                  "transition",
+                  "py-[5px] px-3 rounded-full text-[#C8C8C8] hover:bg-black bg-[#1A1A1A] border border-[#494949]",
                   selected && "bg-blue-600 hover:bg-blue-800"
                 )}
                 onClick={() => (selected ? onChange(null) : onChange(keyword))}