diff --git a/foundation/templates/base.html b/foundation/templates/base.html
index a6089d0d..2b5ba8b7 100644
--- a/foundation/templates/base.html
+++ b/foundation/templates/base.html
@@ -10,7 +10,7 @@
 
 {% block body %}
 <body class="bg-light-grey text-dark-grey" data-path="{{ path }}">
-    <div class="outter-container m0auto">
+    <div class="bg-white outter-container m0auto">
         {%- block navbar -%}{% include "templates/includes/navbar/navbar.html" %}{%- endblock -%}
         {% block content %}
         {{ content }}
diff --git a/foundation/templates/web.html b/foundation/templates/web.html
index 07393357..e8ff47d5 100644
--- a/foundation/templates/web.html
+++ b/foundation/templates/web.html
@@ -2,7 +2,7 @@
 {% block hero %}{% endblock %}
 {% block content %}
 <main class="page">
-	<div class="flex" id="page-{{ name or route }}"
+	<div class="inner-container m0auto flex" id="page-{{ name or route }}"
 		data-path="{{ pathname }}" {%- if page_or_generator=="Generator" %} data-doctype="{{ doctype }}"{% endif %}>
 		<div class="page-sidebar flex-1 border-right">
 			{% include "foundation/templates/includes/sidebar/sidebar.html" %}
diff --git a/foundation/www/about.html b/foundation/www/about.html
index 89259abd..a361c75d 100644
--- a/foundation/www/about.html
+++ b/foundation/www/about.html
@@ -5,25 +5,39 @@
 {% from "foundation/templates/includes/macros.html" import media %}
 
 {% block content%}
-	<div class="page">
-        <section class='top-spacer hero text-center about'>
-            <div class="container">
-                <img class="about-img bottom-spacer" src="/assets/foundation/img/community-colored.jpg">
-                <h1 class="header-1">ERPNext Foundation</h1>
-                <p class="intro-copy text-medium">We are a Non Profit Foundation representing a community of ERPNext Users, Developers and Service Providers. Our goal is to provide a platform for the ERPNext Community to
-                come together, join hands and build assets to help build and enhance ERPNext around the world.</p><p class="intro-copy text-medium"> ERPNext Foundation aims to be a community driven organization and run in a transparent manner. If you want to be more involved in the ERPNext Community, read the <a href="/faq" class="secondary-link" target="_blank">FAQ</a>.
-            </div>
-        </section>
-        <div class="page-content">
-			<section class="container">
-				<hr>
-                <h1>{{ doc.team_members_heading }}</h1>
-				{% for member in doc.team_members  %}
-					{{ media(member.full_name, member.bio, member.image_link) }}
-				{% endfor %}
-			<p><a href="/contact">Want to talk to someone in the foundation? Get in touch</a></p>
-			</section>
+<main class="bg-white">
+	<div class="inner-container m0auto page">
+	<section class='top-spacer hero text-center about'>
+		<div class="container">
+			<img class="about-img bottom-spacer" src="/assets/foundation/img/community-colored.jpg">
+			<h1 class="header-1">ERPNext Foundation</h1>
+			<p class="intro-copy text-medium">We are a Non Profit
+				Foundation representing a community of ERPNext
+				Users, Developers and Service Providers. Our
+				goal is to provide a platform for the ERPNext
+				Community to come together, join hands and build assets to
+				help build and enhance ERPNext around the
+				world.
+			</p>
+			<p class="intro-copy text-medium">
+				ERPNext Foundation aims to be a community
+				driven organization and run in a transparent
+				manner. If you want to be more involved in the
+				ERPNext Community, read the <a href="/faq" class="secondary-link" target="_blank">FAQ</a>.
+			</p>
 		</div>
+	</section>
+	<div class="page-content">
+		<section class="container">
+		<hr>
+		<h1>{{ doc.team_members_heading }}</h1>
+			{% for member in doc.team_members  %}
+			{{ media(member.full_name, member.bio, member.image_link) }}
+		{% endfor %}
+		<p><a href="/contact">Want to talk to someone in the foundation? Get in touch</a></p>
+		</section>
 	</div>
+	</div>
+</main>
 {% endblock %}