diff --git a/client/src/components/Map/components/SuperBlock.js b/client/src/components/Map/components/SuperBlock.js
index c4811bcfb4..96956c1c9b 100644
--- a/client/src/components/Map/components/SuperBlock.js
+++ b/client/src/components/Map/components/SuperBlock.js
@@ -50,7 +50,7 @@ const codingPrepRE = new RegExp('Interview Prep');
 function createSuperBlockTitle(str) {
   return codingPrepRE.test(str)
     ? `${str} (Thousands of hours of challenges)`
-    : `${str} Certification (300 hours)`;
+    : `${str} Certification (300\xa0hours)`;
 }
 
 export class SuperBlock extends Component {
diff --git a/client/src/components/Map/components/SuperBlock.test.js b/client/src/components/Map/components/SuperBlock.test.js
index 68814c4cb7..a6ea0b39a1 100644
--- a/client/src/components/Map/components/SuperBlock.test.js
+++ b/client/src/components/Map/components/SuperBlock.test.js
@@ -61,7 +61,7 @@ test('<SuperBlock should handle toggle clicks correctly', () => {
       .find('.map-title')
       .find('h4')
       .text()
-  ).toBe('Super Block One Certification (300 hours)');
+  ).toBe('Super Block One Certification (300\xa0hours)');
   expect(enzymeWrapper.find('ul').length).toBe(0);
 
   enzymeWrapper.find('.map-title').simulate('click');
@@ -76,6 +76,6 @@ test('<SuperBlock should handle toggle clicks correctly', () => {
       .find('.map-title')
       .find('h4')
       .text()
-  ).toBe('Super Block One Certification (300 hours)');
+  ).toBe('Super Block One Certification (300\xa0hours)');
   expect(enzymeWrapper.find('ul').length).toBe(1);
 });
diff --git a/client/src/components/Map/components/__snapshots__/SuperBlock.test.js.snap b/client/src/components/Map/components/__snapshots__/SuperBlock.test.js.snap
index cf964f119c..357972f458 100644
--- a/client/src/components/Map/components/__snapshots__/SuperBlock.test.js.snap
+++ b/client/src/components/Map/components/__snapshots__/SuperBlock.test.js.snap
@@ -11,7 +11,7 @@ exports[`<SuperBlock /> expanded snapshot: superBlock-expanded 1`] = `
   >
     <Caret />
     <h4>
-      Super Block One Certification (300 hours)
+      Super Block One Certification (300 hours)
     </h4>
   </button>
   <ul>
@@ -149,7 +149,7 @@ exports[`<SuperBlock /> not expanded snapshot: superBlock-not-expanded 1`] = `
   >
     <Caret />
     <h4>
-      Super Block One Certification (300 hours)
+      Super Block One Certification (300 hours)
     </h4>
   </button>
 </li>
diff --git a/client/src/components/Map/map.css b/client/src/components/Map/map.css
index 5c67705d98..c30de73b96 100644
--- a/client/src/components/Map/map.css
+++ b/client/src/components/Map/map.css
@@ -19,6 +19,7 @@ button.map-title {
   padding-bottom: 18px;
   background: transparent;
   border: none;
+  text-align: left;
 }
 
 button.map-title:hover {
@@ -49,10 +50,39 @@ li.open > .map-title svg:first-child {
 }
 
 .map-challenge-title {
+  display: flex;
   margin-bottom: 0.25rem;
-  max-width: calc(100% - 80px);
+  max-width: calc(100% - 105px);
+}
+
+@media (max-width: 640px) {
+  .map-ui .block ul {
+    padding-inline-start: 6px;
+    font-size: 0.9rem;
+  }
+  button.map-title {
+    width: 100%;
+  }
+  .map-ui ul {
+    padding-inline-start: 15px;
+  }
+  .map-ui > ul {
+    padding-inline-start: 0;
+  }
+  .map-challenge-title {
+    max-width: 100%;
+  }
+  .map-title-completed {
+    flex-shrink: 0;
+    padding-left: 15px;
+  }
 }
 
 .block a {
   text-decoration: none;
 }
+
+/* 14px is the width of the expansion arrow */
+.superblock {
+  max-width: calc(100% - 14px);
+}