From b31c5d99715a00b45c0311c248758cee6d00111a Mon Sep 17 00:00:00 2001
From: Ittipat <39715559+ittipatken@users.noreply.github.com>
Date: Tue, 20 Oct 2026 17:24:54 +0700
Subject: [PATCH] fix: specify width for search bar (#80)

---
 src/app/home/home.page.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/app/home/home.page.scss b/src/app/home/home.page.scss
index a2bc4d8..ce724cc 100644
--- a/src/app/home/home.page.scss
+++ b/src/app/home/home.page.scss
@@ -78,6 +78,7 @@ p {
 
   ion-searchbar {
     flex: 1;
+    width: auto;
     min-width: 0;
     padding-block: 0;
   }
@@ -85,6 +86,7 @@ p {
   // Not enough room beside the search box on small screens, so the switch goes below it
   @media (max-width: 575px) {
     flex-wrap: wrap;
+    width: 100%;
     gap: 0;
     padding: 0 0.75rem 0.5rem 0;