From b71f66a177a3c04a22d061cbe388b7314a34cd31 Mon Sep 17 00:00:00 2001
From: muken <jmendoza14@pm.me>
Date: Wed, 1 Jul 2026 21:18:02 -0500
Subject: [PATCH] fix: improve amenity icon styling - larger icons, better
 spacing

---
 src/app/rooms/page.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/rooms/page.tsx b/src/app/rooms/page.tsx
index 70c8ed7..b7524a2 100644
--- a/src/app/rooms/page.tsx
+++ b/src/app/rooms/page.tsx
@@ -484,19 +484,19 @@ export default function RoomsPage() {
                         style={{
                           display: 'inline-flex',
                           alignItems: 'center',
-                          gap: '0.25rem',
-                          padding: '0.3rem 0.5rem',
+                          gap: '0.35rem',
+                          padding: '0.35rem 0.6rem',
                           background: 'rgba(1,13,30,0.06)',
                           borderRadius: '999px',
-                          fontSize: '11px',
+                          fontSize: '12px',
                           color: navy,
                           whiteSpace: 'nowrap',
                         }}
                       >
                         {amenity.icon_svg ? (
                           <span
-                            style={{ display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: '14px', height: '14px', color: navy }}
-                            dangerouslySetInnerHTML={{ __html: amenity.icon_svg.replace(/width="[^"]*"/g, 'width="14"').replace(/height="[^"]*"/g, 'height="14"') }}
+                            style={{ display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: '16px', height: '16px' }}
+                            dangerouslySetInnerHTML={{ __html: amenity.icon_svg.replace(/width="[^"]*"/g, 'width="16"').replace(/height="[^"]*"/g, 'height="16"') }}
                           />
                         ) : null}
                         <span>{amenity.name}</span>