From 4fa8b7fd22b0c59dbcf5e573601bc686d9c1d1ee Mon Sep 17 00:00:00 2001
From: Ryan Furrer <ryandotfurrer@gmail.com>
Date: Wed, 4 Sep 2024 07:45:14 -0400
Subject: [PATCH] fix: fixed dropdown styling (#4077)

Co-authored-by: Nick Taylor <nick@nickyt.co>
---
 components/Repositories/AddToWorkspaceModal.tsx | 2 +-
 components/atoms/Select/single-select.tsx       | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/Repositories/AddToWorkspaceModal.tsx b/components/Repositories/AddToWorkspaceModal.tsx
index e682cd9838..e786667adc 100644
--- a/components/Repositories/AddToWorkspaceModal.tsx
+++ b/components/Repositories/AddToWorkspaceModal.tsx
@@ -70,7 +70,7 @@ export default function AddToWorkspaceModal({ repository, isOpen, onCloseModal,
         onInteractOutside={onCloseModal}
       >
         <Card heading={<h1 className="text-xl font-semibold">Add to workspace</h1>}>
-          <div className="flex flex-col gap-4 w-[32rem] h-full px-8 py-4">
+          <div className="flex flex-col gap-4 w-fit h-full px-8 py-4">
             {!user ? (
               <div className="flex flex-col gap-4 text-center">
                 <img
diff --git a/components/atoms/Select/single-select.tsx b/components/atoms/Select/single-select.tsx
index c7c0be89d9..ee2436d6ec 100644
--- a/components/atoms/Select/single-select.tsx
+++ b/components/atoms/Select/single-select.tsx
@@ -60,7 +60,7 @@ const SingleSelect = ({
       <DropdownMenuTrigger
         data-inset-label={insetLabel}
         className={clsx(
-          "flex text-sm px-3 py-1.5 !border !border-slate-200 rounded-md bg-white data-[state=open]:border-orange-500 min-w-max",
+          "flex w-full justify-between md:w-fit text-sm px-3 py-1.5 !border !border-slate-200 rounded-md bg-white data-[state=open]:border-orange-500 min-w-max",
           insetLabel && `before:content-[attr(data-inset-label)] before:mr-1 before:font-normal before:text-slate-500`
         )}
       >
@@ -75,7 +75,7 @@ const SingleSelect = ({
         </div>
       </DropdownMenuTrigger>
 
-      <DropdownMenuContent className="!p-0 z-50 relative bg-white !w-full my-1 border shadow-lg rounded-lg">
+      <DropdownMenuContent className="!p-0 z-50 relative bg-white w-[90vw] md:w-auto my-1 border shadow-lg rounded-lg">
         <>
           {options.length > 0 && (
             <Command loop className="w-full px-0 pt-1 bg-transparent">