From 39399402445e44d52e5c82815cc732cd4847e163 Mon Sep 17 00:00:00 2001
From: Anton <mail@antontranelis.de>
Date: Sun, 3 Sep 2023 13:30:04 +0200
Subject: [PATCH] fix control issue

---
 src/Components/Map/Subcomponents/FilterControl.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Components/Map/Subcomponents/FilterControl.tsx b/src/Components/Map/Subcomponents/FilterControl.tsx
index 7c3a4c59..d1beeef9 100644
--- a/src/Components/Map/Subcomponents/FilterControl.tsx
+++ b/src/Components/Map/Subcomponents/FilterControl.tsx
@@ -37,8 +37,8 @@ export const FilterControl = () => {
         {!(
             //popupOpen &&
             windowDimensions.height < 500) &&
-            <div className='tw-flex tw-flex-col tw-absolute tw-top-4 tw-left-4 tw-z-[699] tw-right-4'>
-                <input type="text" placeholder="search ..." className="tw-input tw-input-bordered tw-w-full tw-max-w-sm tw-shadow-xl tw-rounded-2xl" onChange={(e) => setSearchPhrase(e.target.value)} />
+            <div className='tw-flex tw-flex-col tw-absolute tw-top-4 tw-left-4 tw-z-[699] tw-w-[calc(100vw-2rem)] tw-max-w-sm'>
+                <input type="text" placeholder="search ..." className="tw-input tw-input-bordered tw-w-full tw-shadow-xl tw-rounded-2xl" onChange={(e) => setSearchPhrase(e.target.value)} />
                 <div className='tw-flex tw-flex-wrap tw-mt-4'>
                     {
                         filterTags.map(tag =>