diff --git a/src/layout/components/footer/index.vue b/src/layout/components/footer/index.vue
index 4e462b50c..fae707f4f 100644
--- a/src/layout/components/footer/index.vue
+++ b/src/layout/components/footer/index.vue
@@ -16,20 +16,23 @@ const TITLE = getConfig("Title");
     >
        {{ TITLE }}
     </a>
-    <span class="ml-10">赞助商：</span>
-    <a
-      class="hover:text-primary"
-      href="https://ai-tools.cn/resume/start"
-      target="_blank"
-    >
-      二猫 AI 简历
-    </a>
+    <div class="ml-8">
+      <span>赞助商：</span>
+      <a
+        class="hover:text-primary"
+        href="https://ai-tools.cn/resume/start"
+        target="_blank"
+      >
+        二猫 AI 简历
+      </a>
+    </div>
   </footer>
 </template>
 
 <style lang="scss" scoped>
 .layout-footer {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   width: 100%;
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index bb24899d2..9b59f540a 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -327,7 +327,7 @@ watch(loginDay, value => {
       </div>
     </div>
     <div
-      class="w-full flex-c absolute bottom-3 text-sm text-[rgba(0,0,0,0.6)] dark:text-[rgba(220,220,242,0.8)]"
+      class="w-full flex-c flex-wrap absolute bottom-3 text-sm text-[rgba(0,0,0,0.6)] dark:text-[rgba(220,220,242,0.8)]"
     >
       Copyright © 2020-2024
       <a
@@ -337,14 +337,16 @@ watch(loginDay, value => {
       >
         &nbsp;{{ title }}
       </a>
-      <span class="ml-10">赞助商：</span>
-      <a
-        class="hover:text-primary"
-        href="https://ai-tools.cn/resume/start"
-        target="_blank"
-      >
-        二猫 AI 简历
-      </a>
+      <div class="ml-8">
+        <span>赞助商：</span>
+        <a
+          class="hover:text-primary"
+          href="https://ai-tools.cn/resume/start"
+          target="_blank"
+        >
+          二猫 AI 简历
+        </a>
+      </div>
     </div>
   </div>
 </template>