From 93e7b686164aba16b8507c98ad3e84c74e1a36d9 Mon Sep 17 00:00:00 2001
From: Saifullah Talukder
 <100260341+saifullah-talukder@users.noreply.github.com>
Date: Wed, 3 Jul 2024 06:35:13 +0000
Subject: [PATCH] fix style: set search bar width to 100% of middle container

---
 frontend/src/components/search/search-input.tsx | 2 +-
 frontend/src/components/search/thread.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/search/search-input.tsx b/frontend/src/components/search/search-input.tsx
index a6cfaf1e..a6847262 100644
--- a/frontend/src/components/search/search-input.tsx
+++ b/frontend/src/components/search/search-input.tsx
@@ -42,7 +42,7 @@ export default function SearchInput(props: SearchInputProps) {
   return (
     <Textarea
       ref={textAreaRef}
-      containerClass="max-w-[840px] grow rounded-2.5xl p-2.5 bg-background-dark/4 dark:bg-background-light/4"
+      containerClass="grow rounded-2.5xl p-2.5 bg-background-dark/4 dark:bg-background-light/4"
       innerContainerClass={classNames(
         'rounded-2xl bg-background-light/80 dark:bg-background-dark/80 border border-background-dark/40 dark:border-background-light/40 pr-2 focus-within:border-0 focus-within:outline-none focus-within:ring-1 focus-within:ring-primary focus-within:ring-offset-0',
         {
diff --git a/frontend/src/components/search/thread.tsx b/frontend/src/components/search/thread.tsx
index c17dd80f..57efc6dc 100644
--- a/frontend/src/components/search/thread.tsx
+++ b/frontend/src/components/search/thread.tsx
@@ -89,7 +89,7 @@ export default function Thread(props: ThreadProps) {
         </div>
       </div>
 
-      <div className="w-full sticky bottom-0 pb-4 px-8 flex justify-start backdrop-blur-sm max-w-[840px]">
+      <div className="w-[calc(100vw-576px)] sticky bottom-0 pb-4 px-4 flex justify-start backdrop-blur-sm">
         <SearchInput
           handleSearch={handleSearch}
           searchQuery={props.searchQuery}