From f7b129b31a5183d25f0921b23809a5872ab16529 Mon Sep 17 00:00:00 2001
From: Muhammad Saad <saad.salman11123@gmail.com>
Date: Tue, 28 May 2024 20:12:00 +0500
Subject: [PATCH] fix: increased dialog box width when non-mac

used ternary operator to switch width, didnot use w-72 as the header logo gets very small when
approaching sm breakpoint

fix #3481
---
 components/organisms/SearchDialog/search-dialog.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/components/organisms/SearchDialog/search-dialog.tsx b/components/organisms/SearchDialog/search-dialog.tsx
index a74ac5fb80..5df412032f 100644
--- a/components/organisms/SearchDialog/search-dialog.tsx
+++ b/components/organisms/SearchDialog/search-dialog.tsx
@@ -166,9 +166,9 @@ const SearchDialog = () => {
             <SearchInfo />
           ) : isSearchError && !isSearching && (repoDataError || repoData.length === 0) ? (
             <Text className="block w-full py-1 px-4 text-sauced-orange !font-normal leading-6">
-                <HiOutlineExclamation className="text-sauced-orange inline-flex mr-2.5" fontSize={20} />
-                We couldn&apos;t find any users or repositories with that name
-            </Text>            
+              <HiOutlineExclamation className="text-sauced-orange inline-flex mr-2.5" fontSize={20} />
+              We couldn&apos;t find any users or repositories with that name
+            </Text>
           ) : (
             <>
               <section className="flex flex-col w-full">{renderUserSearchState()}</section>
@@ -200,7 +200,9 @@ const SearchDialogTrigger = () => {
   return (
     <>
       <div
-        className="hidden sm:flex justify-between p-1 pl-3 h-fit w-56 ml-auto bg-white border rounded-lg ring-light-slate-6 relative overflow-hidden"
+        className={`hidden sm:flex justify-between p-1 pl-3 h-fit ${
+          isMac ? "w-56" : "w-64"
+        } ml-auto bg-white border rounded-lg ring-light-slate-6 relative overflow-hidden`}
         onClick={() => setOpenSearch(true)}
       >
         <div className="flex items-center">