diff --git a/samples/3d-map-roadmap/index.ts b/samples/3d-map-roadmap/index.ts
index ae13d4405..df38ccd59 100644
--- a/samples/3d-map-roadmap/index.ts
+++ b/samples/3d-map-roadmap/index.ts
@@ -44,7 +44,7 @@ async function init() {
     });
 
     selector.addEventListener('change', function () {
-        map.mode = this.value as google.maps.maps3d.MapMode;
+        map.mode = this.value as google.maps.maps3d.MapModeString;
     });
 
     controls.appendChild(selector);
diff --git a/samples/3d-map-roadmap/style.css b/samples/3d-map-roadmap/style.css
index 6e22a2354..cf821f2c2 100644
--- a/samples/3d-map-roadmap/style.css
+++ b/samples/3d-map-roadmap/style.css
@@ -21,8 +21,8 @@ gmp-map-3d {
 
 .map-mode-control {
     position: fixed;
-    bottom: 24px;
-    right: 75px;
+    bottom: 125px;
+    right: 0px;
     display: flex;
     align-items: center;
     background-color: rgba(255, 255, 255, 0.9);