diff --git a/src/pages/help/index.jsx b/src/pages/help/index.jsx
index 02c90bb81..4740844a0 100644
--- a/src/pages/help/index.jsx
+++ b/src/pages/help/index.jsx
@@ -74,28 +74,26 @@ class HelpPage extends React.Component {
           {this.state.searchQuery.length === 0 && (
             <div className="container content">
               {Sections.edges.map(({ node }) => (
-                <div key={node.id}>
+                <div className="topics topics--mb-xl" key={node.id}>
                   <h3>{node.name}</h3>
-                  <div className="topics topics--mb-xl">
-                    <div className="row row--flex">
-                      {Categories.edges
-                        .filter(
-                          ({ node: { frontmatter } }) =>
-                            frontmatter.parent_category === node.slug
-                        )
-                        .map(({ node: { frontmatter } }) => (
-                          <div className="col-sm-4" key={frontmatter.title}>
-                            <Link
-                              to={`/help/${frontmatter.parent_category}/${
-                                frontmatter.category
-                              }`}
-                              className="topics__item"
-                            >
-                              {frontmatter.title}
-                            </Link>
-                          </div>
-                        ))}
-                    </div>
+                  <div className="row row--flex">
+                    {Categories.edges
+                      .filter(
+                        ({ node: { frontmatter } }) =>
+                          frontmatter.parent_category === node.slug
+                      )
+                      .map(({ node: { frontmatter } }) => (
+                        <div className="col-sm-4" key={frontmatter.title}>
+                          <Link
+                            to={`/help/${frontmatter.parent_category}/${
+                              frontmatter.category
+                            }`}
+                            className="topics__item"
+                          >
+                            {frontmatter.title}
+                          </Link>
+                        </div>
+                      ))}
                   </div>
                 </div>
               ))}
diff --git a/src/scss/_components/_section.scss b/src/scss/_components/_section.scss
index 4e62e90cd..aede53d84 100755
--- a/src/scss/_components/_section.scss
+++ b/src/scss/_components/_section.scss
@@ -41,7 +41,7 @@
 }
 
 .section--hero {
-  padding: 25px 0 125px;
+  padding: 25px 0 80px;
   overflow: hidden;
 
   h1 {
diff --git a/src/templates/DataSourcePage.jsx b/src/templates/DataSourcePage.jsx
index 1c454d39b..fcbea9cd3 100644
--- a/src/templates/DataSourcePage.jsx
+++ b/src/templates/DataSourcePage.jsx
@@ -23,7 +23,7 @@ export default function DataSourcePageTemplate({
               />
               <p className="from-to-holder__title">{frontmatter.name}</p>
             </div>
-            <div className="from-to-plus"> + </div>
+            <div className="from-to-plus">&nbsp;+&nbsp;</div>
             <div className="from-to-holder__item">
               <img
                 src="/assets/images/redash-256.png"
@@ -94,6 +94,7 @@ export default function DataSourcePageTemplate({
                 </li>
                 <li>
                   <b>Supported visualizations</b>:
+                  <br />
                   <span className="label label-primary">
                     Charts: Line, Bar, Area, Pie, Scatter
                   </span>
@@ -122,7 +123,6 @@ export default function DataSourcePageTemplate({
                 className="img-responsive center-block img-rounded img--has-shadow"
                 alt="Slack chat demo"
               />
-              >
             </div>
 
             <div className="col-md-6">