diff --git a/index.html b/index.html
index 7f10eab..6599177 100644
--- a/index.html
+++ b/index.html
@@ -9,13 +9,11 @@
     <meta name="apple-mobile-web-app-title" content="Loungebird" />
     <link rel="manifest" href="/site.webmanifest" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#2B3A67" />
+    <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
+    <meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)" />
 
     <title>Loungebird</title>
-    <meta
-      name="description"
-      content="Real-time occupancy insights for Terminal 5 lounges at London Heathrow. Find the perfect space to relax before your flight."
-    />
+    <meta name="description" content="The perfect pre-flight companion for luxurious lounging at London Heathrow Terminal 5." />
 
     <!-- Open Graph -->
     <meta property="og:type" content="website" />
diff --git a/package.json b/package.json
index 4a627bb..8c76b52 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "loungebird-website",
   "private": true,
-  "version": "2.1.0",
+  "version": "2.2.0",
   "type": "module",
   "packageManager": "pnpm@9.15.4",
   "volta": {
diff --git a/src/components/BentoGrid.module.css b/src/components/BentoGrid.module.css
index b62c350..1cad635 100644
--- a/src/components/BentoGrid.module.css
+++ b/src/components/BentoGrid.module.css
@@ -343,33 +343,30 @@
   }
 }
 
-@media (max-width: 480px) {
+@media (max-width: 500px) {
   .grid {
-    grid-template-columns: repeat(2, 1fr);
+    grid-template-columns: 1fr;
+    grid-auto-rows: minmax(200px, auto);
   }
 
   .small,
-  .medium {
-    grid-column: span 1;
-    grid-row: span 1;
-  }
-
+  .medium,
   .large,
   .wide,
   .full {
-    grid-column: span 2;
+    grid-column: span 1;
     grid-row: span 1;
   }
 
   .item {
-    min-height: 280px;
+    min-height: 200px;
   }
 
   .full {
-    min-height: 300px;
+    min-height: 240px;
   }
 
   .full .image {
-    max-height: 200px;
+    max-height: 180px;
   }
 }