diff --git a/aio/content/marketing/api.html b/aio/content/marketing/api.html
index c2508b53b3..cc6c84787d 100755
--- a/aio/content/marketing/api.html
+++ b/aio/content/marketing/api.html
@@ -1,2 +1,4 @@
-<h1 class="no-toc">API List</h1>
-<aio-api-list></aio-api-list>
+<div class="center-layout">
+  <h1 class="no-toc">API List</h1>
+  <aio-api-list></aio-api-list>
+</div>
diff --git a/aio/src/styles/1-layouts/_content-layout.scss b/aio/src/styles/1-layouts/_content-layout.scss
index ef21d43c4a..2c03a4b1be 100644
--- a/aio/src/styles/1-layouts/_content-layout.scss
+++ b/aio/src/styles/1-layouts/_content-layout.scss
@@ -18,7 +18,7 @@
     padding: 80px 1rem 1rem;
   }
 
-  @include marketing-pages($extraSelectors: ('.page-guide-cheatsheet'), $nestParentSelector: true) {
+  @include marketing-pages($extraSelectors: ('.page-api', '.page-guide-cheatsheet'), $nestParentSelector: true) {
     max-width: none;
   }
 
diff --git a/aio/src/styles/2-modules/_api-list.scss b/aio/src/styles/2-modules/_api-list.scss
index 9b519d33e5..ae2162a7ab 100644
--- a/aio/src/styles/2-modules/_api-list.scss
+++ b/aio/src/styles/2-modules/_api-list.scss
@@ -89,9 +89,7 @@ aio-api-list {
   .api-list-container {
     display: flex;
     flex-direction: column;
-    margin: 0 auto;
-    max-width: 1100px;
-    padding: 16px 16px 16px 0;
+    padding: 16px 0;
     position: relative;
 
     @media handheld and (max-width: $phone-breakpoint),
@@ -124,7 +122,7 @@ aio-api-list {
         float: left;
         width: 33%;
         overflow: hidden;
-        min-width: 220px;
+        min-width: 330px;
         text-overflow: ellipsis;
         white-space: nowrap;