diff --git a/content-src/components/DiscoveryStreamComponents/TopSites/TopSites.jsx b/content-src/components/DiscoveryStreamComponents/TopSites/TopSites.jsx
index 3d994ad03..99eb02c86 100644
--- a/content-src/components/DiscoveryStreamComponents/TopSites/TopSites.jsx
+++ b/content-src/components/DiscoveryStreamComponents/TopSites/TopSites.jsx
@@ -10,7 +10,7 @@ export class _TopSites extends React.PureComponent {
         {header.title ? (
           <div className="ds-header">
             <span className="icon icon-small-spacer icon-topsites" />
-            <span>{header.title}</span>
+            <span className="ds-header-title">{header.title}</span>
           </div>
         ) : null}
         <OldTopSites />
diff --git a/content-src/components/DiscoveryStreamComponents/TopSites/_TopSites.scss b/content-src/components/DiscoveryStreamComponents/TopSites/_TopSites.scss
index 750962362..6eaefc0ce 100644
--- a/content-src/components/DiscoveryStreamComponents/TopSites/_TopSites.scss
+++ b/content-src/components/DiscoveryStreamComponents/TopSites/_TopSites.scss
@@ -1,6 +1,10 @@
 // ds topsites wraps the original topsites, with a few css changes.
 .ds-top-sites {
 
+  .ds-header-title {
+    vertical-align: middle;
+  }
+
   // This is the override layer.
   .top-sites {
     // Slightly different alignment with the other DS components than AS has.