diff --git a/index.html b/index.html
index 1c2dba7..80e9943 100644
--- a/index.html
+++ b/index.html
@@ -29,7 +29,9 @@
     iframe {
       flex: 1;
       border: none;
-      height: 33%; /* Adjust to 1/3 of the viewport height */
+      height: 50vh; /* Adjust to 1/2 of the viewport height */
+      width: 800px; /* Set fixed width */
+      max-width: 100%; /* Ensure it doesn't overflow on smaller screens */
     }
     .buttons {
       width: 100%;
@@ -61,8 +63,8 @@
     <iframe src="https://www.gaiagps.com/public/VVXcZPvEfvAbvRWi5F0DQPNT/?embed=True" style="border:none; overflow-y: hidden; background-color:white; flex: 1;"></iframe>
   </div>
   <div class="buttons">
-    <button onclick="window.location.href='https://rebrand.ly/csmsgoogle'">View on Google Maps</button>
-    <button onclick="window.location.href='https://rebrand.ly/csmsgaia'">View on Gaia GPS</button>
+    <button onclick="window.open('https://rebrand.ly/csmsgoogle', '_blank')">View on Google Maps</button>
+    <button onclick="window.open('https://rebrand.ly/csmsgaia', '_blank')">View on Gaia GPS</button>
   </div>
 </body>
 </html>