diff --git a/packages/learn/src/components/Map/map.css b/packages/learn/src/components/Map/map.css
index 4773093f2e..8acba70a53 100644
--- a/packages/learn/src/components/Map/map.css
+++ b/packages/learn/src/components/Map/map.css
@@ -4,6 +4,12 @@
   margin-left: 35px;
 }
 
+@media screen, (max-width: 630px) {
+  .map-ui {
+    margin: 0 auto;
+  }
+}
+
 .map-ui ul {
   list-style: none;
   color: #006400;
diff --git a/packages/learn/src/pages/index.css b/packages/learn/src/pages/index.css
index d81456c729..6d6463cdaf 100644
--- a/packages/learn/src/pages/index.css
+++ b/packages/learn/src/pages/index.css
@@ -7,6 +7,12 @@
   margin: 0 auto;
 }
 
+@media screen, (max-width: 630px) {
+  .index-page-wrapper {
+    padding: 0px 25px 0px 25px;
+  }
+}
+
 .index-page-wrapper p {
   margin-bottom: 0.75rem;
 }
\ No newline at end of file