From 7dc538c988ed5e41ed96ec85f3886e82034b4bf7 Mon Sep 17 00:00:00 2001
From: Qingya Shu <qingya.shu@gmail.com>
Date: Fri, 27 Jul 2018 12:09:48 -0500
Subject: [PATCH] fix(button-color): keep previous styles

---
 src/components/layout/TopIconButton.jsx  | 2 +-
 src/components/layout/TopIconButton.less | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/layout/TopIconButton.jsx b/src/components/layout/TopIconButton.jsx
index faeb417973..7d7f3958ff 100644
--- a/src/components/layout/TopIconButton.jsx
+++ b/src/components/layout/TopIconButton.jsx
@@ -5,7 +5,7 @@ import './TopIconButton.less';
 
 const TopIconButton = ({ dictIcons, item, onActiveTab = () => {}, isActive = false }) => (
   <div
-    className={isActive ? 'top-icon-button button-top-active' : 'top-icon-button'}
+    className={isActive ? 'top-icon-button button-top-active body-typo' : 'top-icon-button body-typo'}
     onClick={onActiveTab}
   >
     {item.name}&nbsp;{item.icon ? <IconComponent
diff --git a/src/components/layout/TopIconButton.less b/src/components/layout/TopIconButton.less
index 3258276094..ae826afeb4 100644
--- a/src/components/layout/TopIconButton.less
+++ b/src/components/layout/TopIconButton.less
@@ -1,6 +1,6 @@
 @import '../../css/base.less';
 
-.top-icon-button {
+.top-icon-button.body-typo {
   background-color: @blue;
   color: @white;
   margin: auto 20px;