diff --git a/src/App.vue b/src/App.vue
index a5ea9c7..338f6e9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="app">
     <Main @show-setting="settingShown = true" v-show="!settingShown"></Main>
-    <Setting v-show="settingShown" @back="settingShown = false"></Setting>
+    <transition name="el-fade-in-linear">
+      <Setting v-show="settingShown" @back="settingShown = false"></Setting>
+    </transition>
   </div>
 </template>
 
diff --git a/src/style/cpns/clip-switch.less b/src/style/cpns/clip-switch.less
index 4908de1..7f0ca86 100644
--- a/src/style/cpns/clip-switch.less
+++ b/src/style/cpns/clip-switch.less
@@ -30,7 +30,7 @@
       justify-content: center;
       min-width: 58px;
       padding: 10px 15px 10px 15px;
-      margin: 10px 5px 10px 5px;
+      margin: 10px 0px 10px 5px;
       cursor: pointer;
       border-radius: 5px;
       font-size: 14px;