diff --git a/.firebase/hosting.ZGlzdA.cache b/.firebase/hosting.ZGlzdA.cache
index acd41f1..7b4a127 100644
--- a/.firebase/hosting.ZGlzdA.cache
+++ b/.firebase/hosting.ZGlzdA.cache
@@ -1,11 +1,11 @@
 vite.svg,499162500000,699a02e0e68a579f687d364bbbe7633161244f35af068220aee37b1b33dfb3c7
-index.html,1752878267366,f1970c8e013c9628814bb3ba3f2d14202f12886a4ae66ecbffc70daf8795a51c
-assets/swipe-back-Dti-lp71.js,1752878267366,9074718e661ac8c9230590719b720f7d3c34e87b6a7c4fcb0841036ad598191a
-assets/status-tap-ButdzGqN.js,1752878267366,7eb90670be638953ea576f2b96ac97d29494ce5672f50606b74d16a8a28b3f4e
-assets/md.transition-DPo3KmFN.js,1752878267367,7cb5cbbd3ae543c8631130b23aeb0d1032d8785f1146c57bc326fb7ac5186e5b
-assets/input-shims-DXrAOfTi.js,1752878267366,9bdff56b3d5a2c7d8c72f441382362efbce772b6f1830d32654c55f780e9a2ea
-assets/ios.transition-RgyTSKIC.js,1752878267366,eccf50bf3248da0a27866ef23d262e5410fe44923269a879548f8d94553e9e6a
-assets/index7-CLiPChbK.js,1752878267366,f70c1c0027850f4b38d65110d5bfc5a5338cec7f2b2a725aef3f9ebb67c3af6e
-assets/focus-visible-supuXXMI.js,1752878267366,df9266429356671847fa2c8123e1564bae645f75df3094f0055c365fa2beae28
-assets/index-B7vPvsG_.css,1752878267366,dbc57fb127dc9dde819d6ce6a258663f05013f29ec8905f282fe0087d44faaff
-assets/index-BMDxv7qU.js,1752878267367,6a64e522782404f981e7d445b83e602fc423653d7a634ed3233d11db038bf0b2
+index.html,1752878330027,5f203c00faf9fcc6e4b55be0b7ffa09282fc25dc3a7624baf25b7f6b43a06595
+assets/swipe-back-g3JVbAcT.js,1752878330027,07abc4e68422342d6ba852b5cf93f08d37d594a29c0f8172471242ecbecacd47
+assets/status-tap-C7usLbRw.js,1752878330027,faeed28b943d98d69228f71c2de4d6d63c177dc89155e315f482c62bf188ab19
+assets/md.transition-B9W-8lgj.js,1752878330027,78652f50e41d7eff5a7fd00e89bb7e334a7374fa046174e39398a874d2c15fdc
+assets/input-shims-DVm_rrIi.js,1752878330027,541fc90a960a383cbfa6fd1a75c3c9f17455f20614e82362aa83aeb89ee1cad1
+assets/ios.transition-BIV5Z5Yc.js,1752878330027,b3510ecbd37d95bcce04934d72822d2f2b4d8c64fa0eff6262fa3b5bd20d4490
+assets/index7-CZh37Dt9.js,1752878330027,036646be1f60e2114fbfd8a091b9e395ffa6ebf3188331bf54f576e62b393e8d
+assets/index-B7vPvsG_.css,1752878330026,dbc57fb127dc9dde819d6ce6a258663f05013f29ec8905f282fe0087d44faaff
+assets/focus-visible-supuXXMI.js,1752878330028,df9266429356671847fa2c8123e1564bae645f75df3094f0055c365fa2beae28
+assets/index-D2b6SXwC.js,1752878330028,184886780ed3e8ccad54be62237fcb6fc9fefcec6110306d8f46184faebe69a9
diff --git a/src/components/Layout/Layout.tsx b/src/components/Layout/Layout.tsx
index 803509f..71a1091 100644
--- a/src/components/Layout/Layout.tsx
+++ b/src/components/Layout/Layout.tsx
@@ -46,9 +46,11 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
         top: 0,
         right: 0,
         bottom: 0,
-        zIndex: 1
+        zIndex: 1,
+        display: 'flex',
+        flexDirection: 'column'
       }}>
-        <IonHeader style={{ position: 'relative', zIndex: 2 }}>
+        <IonHeader style={{ position: 'relative', zIndex: 2, flexShrink: 0 }}>
           <IonToolbar>
             {/* Only show hamburger button on mobile */}
             {!isLargeScreen && <IonMenuButton slot="start" />}
@@ -78,9 +80,9 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
           style={{
             position: 'relative',
             zIndex: 1,
-            height: 'calc(100vh - 64px)', // Adjust header height
+            flex: 1,
             overflow: 'auto', // Allow scrolling
-            paddingBottom: '40px' // Add more bottom padding
+            boxSizing: 'border-box'
           }}
         >
           {children}
diff --git a/src/components/common/InfiniteScrollList.tsx b/src/components/common/InfiniteScrollList.tsx
index 289ff8a..122db98 100644
--- a/src/components/common/InfiniteScrollList.tsx
+++ b/src/components/common/InfiniteScrollList.tsx
@@ -63,7 +63,7 @@ const InfiniteScrollList = <T extends string | { key?: string }>({
   };
 
   return (
-    <div className="max-w-4xl mx-auto p-6">
+    <div className="max-w-4xl mx-auto p-6 pb-4">
       {/* List */}
       <div className="bg-white rounded-lg shadow">
         {items.length === 0 && !isLoading ? (
@@ -115,7 +115,7 @@ const InfiniteScrollList = <T extends string | { key?: string }>({
 
       {/* Stats */}
       {items.length > 0 && (
-        <div style={{ marginTop: '16px', marginBottom: '24px' }} className="text-sm text-gray-500 text-center">
+        <div style={{ marginTop: '16px', marginBottom: '20px' }} className="text-sm text-gray-500 text-center">
           Showing {items.length} item{items.length !== 1 ? 's' : ''}
           {hasMore && ` • Scroll down to load more`}
         </div>
diff --git a/src/index.css b/src/index.css
index dc1d3d2..f62a8de 100644
--- a/src/index.css
+++ b/src/index.css
@@ -139,6 +139,8 @@ ion-item ion-label .bold-title {
   color: #111827 !important;
 }
 
+
+
 /* Input field styling to match search box */
 .visible-input {
   border: 1px solid #d1d5db !important;