From e69bbf361bbb8ea901c980fc678a8eb98b241711 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Fri, 8 May 2026 19:53:54 +0200
Subject: [PATCH] Bug fix: Search bar width did not include the additional
 padding at the left

---
 src/features/search/components/Searchbar.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/features/search/components/Searchbar.vue b/src/features/search/components/Searchbar.vue
index 83026e8..4017338 100644
--- a/src/features/search/components/Searchbar.vue
+++ b/src/features/search/components/Searchbar.vue
@@ -26,14 +26,15 @@ limitations under the License.
     --submit-button-padding-y: 8px;
     --content-height: 32px;
     --padding: 4px;
+    --padding-left: calc(var(--content-height) + var(--padding));
     display: flex;
     align-items: center;
     border: 1.5px solid #ccc;
     box-shadow: 0 0px 32px rgba(69, 98, 190, 0.25);
     border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding));
     padding: var(--padding);
-    padding-left: calc(var(--content-height) + var(--padding));
-    width: 100%;
+    padding-left: var(--padding-left);
+    width: calc(100% - var(--padding-left));
 }
 
 .search-wrapper input {