From 6a7f22cd9985cf0f67ee210810e088ec05fae6e3 Mon Sep 17 00:00:00 2001
From: Ed Lee <edilee@mozilla.com>
Date: Fri, 25 Jan 2019 15:46:30 -0800
Subject: [PATCH] (no bug) - Vertically align top sites icon

---
 .../DiscoveryStreamComponents/TopSites/TopSites.jsx           | 2 +-
 .../DiscoveryStreamComponents/TopSites/_TopSites.scss         | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

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.