diff --git a/src/renderer/pages/MiniPage.vue b/src/renderer/pages/MiniPage.vue
index e53cde01..2c1737bc 100644
--- a/src/renderer/pages/MiniPage.vue
+++ b/src/renderer/pages/MiniPage.vue
@@ -195,13 +195,16 @@ onBeforeUnmount(() => {
   window.removeEventListener('mouseup', handleMouseUp, false)
 })
 </script>
+
 <script lang="ts">
 export default {
   name: 'MiniPage'
 }
 </script>
+
 <style lang="stylus">
 #mini-page
+  background #409EFF
   color #FFF
   height 100vh
   width 100vw
@@ -213,6 +216,7 @@ export default {
   background-position center center
   background-repeat no-repeat
   position relative
+  border 4px solid #fff
   box-sizing border-box
   cursor pointer
   &.linux
@@ -222,6 +226,7 @@ export default {
     height 100%
     width 100%
     border-radius 50%
+    transition all .2s ease-in-out
     &.linux
       border-radius 0
     &.uploading