diff --git a/src/views/tabmenu/TabMenuDemo.vue b/src/views/tabmenu/TabMenuDemo.vue
index bbe36c97f..b78a9a7a8 100755
--- a/src/views/tabmenu/TabMenuDemo.vue
+++ b/src/views/tabmenu/TabMenuDemo.vue
@@ -39,18 +39,17 @@ export default {
 
 <style scoped lang="scss">
 /deep/ .tabmenudemo-content  {
+    display: flex;
+    align-items: center;
+    padding: 1em;
+
     h1 {
         font-weight: 400;
-        display: inline-block;
-        vertical-align: middle;
-        font-size: 24px;
-        margin-top: 1em;
+        font-size: 16px;
     }
 
     i {
-        vertical-align: middle;
-        font-size: 2em;
-        margin-top: .3em;
+        margin-right: .5em;
     }
 }
 </style>
\ No newline at end of file