diff --git a/mail-vue/src/layout/aside/index.vue b/mail-vue/src/layout/aside/index.vue
index 96314f0..e667111 100644
--- a/mail-vue/src/layout/aside/index.vue
+++ b/mail-vue/src/layout/aside/index.vue
@@ -29,6 +29,11 @@
       </el-menu>
     </div>
   </el-scrollbar>
+  <div class="github">
+    <a href="https://github.com/LaziestRen/cloud-mail">
+      <Icon icon="codicon:github-inverted" width="30" height="30" />
+    </a>
+  </div>
 </template>
 
 <script setup>
@@ -129,4 +134,15 @@ const route = useRoute();
 .scroll {
   box-shadow: 6px 0 20px rgba(0, 21, 41, 0.35);
 }
+
+.github {
+  position: absolute;
+  width: 100%;
+  bottom: 10px;
+  display: flex;
+  justify-content: center;
+  a{
+    color: #fff;
+  }
+}
 </style>
diff --git a/mail-vue/src/style.css b/mail-vue/src/style.css
index 0c29c16..4ffa6cc 100644
--- a/mail-vue/src/style.css
+++ b/mail-vue/src/style.css
@@ -10,10 +10,6 @@ html, body {
     height: 100%;
 }
 
-a{
-    color: #333;
-}
-
 #app {
     width: 100%;
     height: 100%;
diff --git a/mail-vue/src/views/content/index.vue b/mail-vue/src/views/content/index.vue
index 435ffb3..56899b1 100644
--- a/mail-vue/src/views/content/index.vue
+++ b/mail-vue/src/views/content/index.vue
@@ -45,7 +45,7 @@
               </div>
               <div>{{ formatBytes(att.size) }}</div>
               <div class="down-icon att-icon">
-                <a :href="cvtR2Url(att.key)" download>
+                <a style="color: #333" :href="cvtR2Url(att.key)" download>
                   <Icon icon="system-uicons:push-down" width="22" height="22"/>
                 </a>
               </div>
@@ -304,4 +304,5 @@ const handleDelete = () => {
     }
   }
 }
+
 </style>
\ No newline at end of file