From 5cbf29472a848172a2fccf36bc945c1328e3baaf Mon Sep 17 00:00:00 2001
From: Jeff Sieu <jeffsy00@gmail.com>
Date: Thu, 3 Nov 2022 16:25:23 +0800
Subject: [PATCH] [questions][fix] fix styles

---
 .../components/questions/AddToListDropdown.tsx   | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/apps/portal/src/components/questions/AddToListDropdown.tsx b/apps/portal/src/components/questions/AddToListDropdown.tsx
index d19dcf4c..039edd7e 100644
--- a/apps/portal/src/components/questions/AddToListDropdown.tsx
+++ b/apps/portal/src/components/questions/AddToListDropdown.tsx
@@ -30,7 +30,7 @@ function DropdownButton({ onClick, children }: DropdownButtonProps) {
         <button
           className={clsx(
             active ? 'bg-slate-100 text-slate-900' : 'text-slate-700',
-            'group flex w-full items-center px-4 py-2 text-sm',
+            'flex w-full items-center px-4 py-2 text-sm',
           )}
           type="button"
           onClick={onClick}>
@@ -146,12 +146,14 @@ export default function AddToListDropdown({
                           handleAddToList(list.id);
                         }
                       }}>
-                      <div className="flex flex-1 justify-between">
-                        {list.name}
+                      <div className="flex w-full flex-1 justify-between">
+                        <span className="flex-1 overflow-hidden text-ellipsis text-start">
+                          {list.name}
+                        </span>
                         {list.hasQuestion && (
                           <CheckIcon
                             aria-hidden="true"
-                            className="h-5 w-5 text-slate-400 group-hover:text-slate-500"
+                            className="h-5 w-5 text-slate-400"
                           />
                         )}
                       </div>
@@ -164,9 +166,11 @@ export default function AddToListDropdown({
                   }}>
                   <PlusIcon
                     aria-hidden="true"
-                    className="mr-3 h-5 w-5 text-slate-400 group-hover:text-slate-500"
+                    className="mr-3 h-5 w-5 text-slate-500"
                   />
-                  Create new list
+                  <span className="font-semibold text-slate-500">
+                    Create new list
+                  </span>
                 </DropdownButton>
               </>
             )}