diff --git a/index.html b/index.html
index 750ac7e..9a59e18 100644
--- a/index.html
+++ b/index.html
@@ -23,15 +23,16 @@
     .map-container {
       width: 100%;
       display: flex;
-      flex-direction: column;
+      flex-direction: column; /* Change to column for vertical stacking */
+      align-items: center; /* Center the iframes horizontally */
       flex: 1;
-      align-items: center;
     }
     iframe {
-      width: 960px; /* 800px + 20% */
-      height: 720px; /* 600px + 20% */
+      flex: 1;
       border: none;
-      margin-bottom: 10px;
+      height: 55vh; /* Increase height by 10% */
+      width: 800px; /* Set fixed width */
+      max-width: 100%; /* Ensure it doesn't overflow on smaller screens */
     }
     .buttons {
       width: 100%;
@@ -45,7 +46,7 @@
       cursor: pointer;
     }
   </style>
-  <!-- Google tag (gtag.js) -->
+
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-CC1B9CQ691"></script>
   <script>
     window.dataLayer = window.dataLayer || [];
@@ -59,8 +60,8 @@
     <h1>CSMS Claims and Neighbors</h1>
   </div>
   <div class="map-container">
-    <iframe src="https://www.google.com/maps/d/embed?mid=1CH09O8Gp7sQ6H2GdybFvRdLB-1vElVc&ehbc=2E312F"></iframe>
-    <iframe src="https://www.gaiagps.com/public/VVXcZPvEfvAbvRWi5F0DQPNT/?embed=True"></iframe>
+    <iframe src="https://www.google.com/maps/d/embed?mid=1CH09O8Gp7sQ6H2GdybFvRdLB-1vElVc&ehbc=2E312F" style="border:none; overflow-y: hidden; background-color:white;"></iframe>
+    <iframe src="https://www.gaiagps.com/public/VVXcZPvEfvAbvRWi5F0DQPNT/?embed=True" style="border:none; overflow-y: hidden; background-color:white;"></iframe>
   </div>
   <div class="buttons">
     <button onclick="window.open('https://rebrand.ly/csmsgoogle', '_blank')">View on Google Maps</button>