diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 093f6da..b8c23d1 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -18,7 +18,7 @@
         <!--</el-col>-->
         <!--</el-row>-->
       </div>
-      <div v-show="page<fullPage" class="dashboard-right" @click="nextPage"><i class="el-icon-arrow-right"/></div>
+      <div :style="{'visibility': page<fullPage?'visible':'hidden'}" class="dashboard-right" @click="nextPage"><i class="el-icon-arrow-right"/></div>
     </div>
     <!--<div class="decorate">-->
     <!--<el-image-->
@@ -104,9 +104,9 @@
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  $btn-colors: #22a7f0, #4183d7,#164abb, #3a539b,#581ba0,#523ba0,#191b94,#161abb,#164abb;
+  $btn-colors: #22a7f0, #4183d7,#164abb, #3a539b,#191b94,#161abb,#164abb,	#009ACD,#1874CD;
   $btn-class: sys-0,sys-1,sys-2,sys-3,sys-4,sys-5,sys-6,sys-7,sys-8;
-  $btn-hovercolors: #23affc, #4892f0, #1b5ae2, #4a69c4,#6223a0,#554ba0,#164abb,#1b5ae2,#4183d7;
+  $btn-hovercolors: #23affc, #4892f0, #1b5ae2, #4a69c4,#164abb,#1b5ae2,#4183d7,#00BFFF,#1C86EE;
   $iconheight: 70%;
   $titleheight: 30%;
   .app-container{
@@ -170,6 +170,7 @@
         padding: 30px 10px 10px 10px;
         display: flex;
         justify-content: start;
+        align-content: start;
         flex-wrap: wrap;
       }
       .el-icon-arrow-left:hover{

diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 093f6da..b8c23d1 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -18,7 +18,7 @@
         <!--</el-col>-->
         <!--</el-row>-->
       </div>
-      <div v-show="page<fullPage" class="dashboard-right" @click="nextPage"><i class="el-icon-arrow-right"/></div>
+      <div :style="{'visibility': page<fullPage?'visible':'hidden'}" class="dashboard-right" @click="nextPage"><i class="el-icon-arrow-right"/></div>
     </div>
     <!--<div class="decorate">-->
     <!--<el-image-->
@@ -104,9 +104,9 @@
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  $btn-colors: #22a7f0, #4183d7,#164abb, #3a539b,#581ba0,#523ba0,#191b94,#161abb,#164abb;
+  $btn-colors: #22a7f0, #4183d7,#164abb, #3a539b,#191b94,#161abb,#164abb,	#009ACD,#1874CD;
   $btn-class: sys-0,sys-1,sys-2,sys-3,sys-4,sys-5,sys-6,sys-7,sys-8;
-  $btn-hovercolors: #23affc, #4892f0, #1b5ae2, #4a69c4,#6223a0,#554ba0,#164abb,#1b5ae2,#4183d7;
+  $btn-hovercolors: #23affc, #4892f0, #1b5ae2, #4a69c4,#164abb,#1b5ae2,#4183d7,#00BFFF,#1C86EE;
   $iconheight: 70%;
   $titleheight: 30%;
   .app-container{
@@ -170,6 +170,7 @@
         padding: 30px 10px 10px 10px;
         display: flex;
         justify-content: start;
+        align-content: start;
         flex-wrap: wrap;
       }
       .el-icon-arrow-left:hover{
diff --git a/static/images/login_images/title.png b/static/images/login_images/title.png
index 718934c..8a41ecc 100644
--- a/static/images/login_images/title.png
+++ b/static/images/login_images/title.png
Binary files differ

diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 093f6da..b8c23d1 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -18,7 +18,7 @@
         <!--</el-col>-->
         <!--</el-row>-->
       </div>
-      <div v-show="page<fullPage" class="dashboard-right" @click="nextPage"><i class="el-icon-arrow-right"/></div>
+      <div :style="{'visibility': page<fullPage?'visible':'hidden'}" class="dashboard-right" @click="nextPage"><i class="el-icon-arrow-right"/></div>
     </div>
     <!--<div class="decorate">-->
     <!--<el-image-->
@@ -104,9 +104,9 @@
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  $btn-colors: #22a7f0, #4183d7,#164abb, #3a539b,#581ba0,#523ba0,#191b94,#161abb,#164abb;
+  $btn-colors: #22a7f0, #4183d7,#164abb, #3a539b,#191b94,#161abb,#164abb,	#009ACD,#1874CD;
   $btn-class: sys-0,sys-1,sys-2,sys-3,sys-4,sys-5,sys-6,sys-7,sys-8;
-  $btn-hovercolors: #23affc, #4892f0, #1b5ae2, #4a69c4,#6223a0,#554ba0,#164abb,#1b5ae2,#4183d7;
+  $btn-hovercolors: #23affc, #4892f0, #1b5ae2, #4a69c4,#164abb,#1b5ae2,#4183d7,#00BFFF,#1C86EE;
   $iconheight: 70%;
   $titleheight: 30%;
   .app-container{
@@ -170,6 +170,7 @@
         padding: 30px 10px 10px 10px;
         display: flex;
         justify-content: start;
+        align-content: start;
         flex-wrap: wrap;
       }
       .el-icon-arrow-left:hover{
diff --git a/static/images/login_images/title.png b/static/images/login_images/title.png
index 718934c..8a41ecc 100644
--- a/static/images/login_images/title.png
+++ b/static/images/login_images/title.png
Binary files differ
diff --git a/static/images/login_images/title_copy.png b/static/images/login_images/title_copy.png
new file mode 100644
index 0000000..718934c
--- /dev/null
+++ b/static/images/login_images/title_copy.png
Binary files differ