diff --git a/toolkit/content/aboutAbout.xhtml b/toolkit/content/aboutAbout.xhtml
index 5ec038638aa0..b3d67bea24a8 100644
--- a/toolkit/content/aboutAbout.xhtml
+++ b/toolkit/content/aboutAbout.xhtml
@@ -13,13 +13,15 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
   <title>&aboutAbout.title;</title>
-  <link rel="stylesheet" href="chrome://global/skin/about.css" type="text/css"/>
+  <link rel="stylesheet" href="chrome://global/skin/in-content/info-pages.css" type="text/css"/>
   <script type="application/javascript" src="chrome://global/content/aboutAbout.js"></script>
 </head>
 
 <body dir="&locale.dir;">
-  <h1>&aboutAbout.title;</h1>
-  <p><em>&aboutAbout.note;</em></p>
-  <ul id="abouts" class="columns"></ul>
+  <div class="container">
+    <h1>&aboutAbout.title;</h1>
+    <p><em>&aboutAbout.note;</em></p>
+    <ul id="abouts" class="columns"></ul>
+  </div>
 </body>
 </html>
diff --git a/toolkit/themes/shared/about.css b/toolkit/themes/shared/about.css
index de37ccde19ed..cfe6b5464858 100644
--- a/toolkit/themes/shared/about.css
+++ b/toolkit/themes/shared/about.css
@@ -56,8 +56,3 @@ ul > li {
 th, td {
   padding: 0 5px;
 }
-
-.columns {
-  -moz-column-width: 20em;
-  -moz-column-gap: 3em;
-}
diff --git a/toolkit/themes/shared/in-content/info-pages.inc.css b/toolkit/themes/shared/in-content/info-pages.inc.css
index e5998eea7fce..0f1458c75dc8 100644
--- a/toolkit/themes/shared/in-content/info-pages.inc.css
+++ b/toolkit/themes/shared/in-content/info-pages.inc.css
@@ -15,7 +15,7 @@ body {
   flex-direction: column;
   box-sizing: border-box;
   min-height: 100vh;
-  padding: 0 48px;
+  padding: 40px 48px;
   align-items: center;
   justify-content: center;
 }
@@ -83,6 +83,17 @@ dt {
   font-weight: bold;
 }
 
+ul.columns {
+  column-count: 2;
+  column-gap: 5em;
+}
+
+@media (max-width: 35em) {
+  ul.columns {
+    column-count: 1;
+  }
+}
+
 /* Buttons */
 .button-container {
   margin-top: 1.2em;
