diff --git a/src/components/bar-footer/index.tsx b/src/components/bar-footer/index.tsx
index fae68ee..794941a 100644
--- a/src/components/bar-footer/index.tsx
+++ b/src/components/bar-footer/index.tsx
@@ -15,12 +15,12 @@ export const TabBarFooter: React.FC = () => {
       icon: (active: boolean) =>
         active ? (
           <i
-            style={{ fontSize: 30, color: "#FF4D4F" }}
+            style={{ fontSize: 28, color: "#FF4D4F" }}
             className="iconfont icon-icon-shouye"
           ></i>
         ) : (
           <i
-            style={{ fontSize: 30, color: "#cccccc" }}
+            style={{ fontSize: 28, color: "#cccccc" }}
             className="iconfont icon-icon-shouye"
           ></i>
         ),
@@ -31,12 +31,12 @@ export const TabBarFooter: React.FC = () => {
       icon: (active: boolean) =>
         active ? (
           <i
-            style={{ fontSize: 30, color: "#FF4D4F" }}
+            style={{ fontSize: 28, color: "#FF4D4F" }}
             className="iconfont icon-icon-xuexi"
           ></i>
         ) : (
           <i
-            style={{ fontSize: 30, color: "#cccccc" }}
+            style={{ fontSize: 28, color: "#cccccc" }}
             className="iconfont icon-icon-xuexi"
           ></i>
         ),
@@ -47,12 +47,12 @@ export const TabBarFooter: React.FC = () => {
       icon: (active: boolean) =>
         active ? (
           <i
-            style={{ fontSize: 30, color: "#FF4D4F" }}
+            style={{ fontSize: 28, color: "#FF4D4F" }}
             className="iconfont icon-icon-wode"
           ></i>
         ) : (
           <i
-            style={{ fontSize: 30, color: "#cccccc" }}
+            style={{ fontSize: 28, color: "#cccccc" }}
             className="iconfont icon-icon-wode"
           ></i>
         ),
diff --git a/src/main.scss b/src/main.scss
index 26b894d..dec3679 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -62,8 +62,7 @@ code {
 .adm-tab-bar-item-title {
   font-size: 11px;
   font-weight: 400;
-  line-height: 11px;
-  margin-top: 4px;
+  margin-top: 0px !important;
   color: rgba(0, 0, 0, 0.45);
 }
 
@@ -134,3 +133,7 @@ code {
   width: 100%;
   height: 100%;
 }
+
+.adm-tab-bar-item-icon {
+  height: 28px !important;
+}