diff --git a/src/App.vue b/src/App.vue
index 9af1e0b..866371f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,10 +13,10 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="relative min-h-screen bg-blue-50">
+  <div class="relative min-h-screen bg-blue-50 overflow-hidden">
     <nav-bar/>
     <router-view/>
-    <footer class="mt-8 w-full items-end pt-48 min-h-48 bg pb-8">
+    <footer class="mt-8 items-end pt-48 min-h-48 bg pb-8">
       <div class="container mx-auto xl:max-w-screen-xl px-4 md:px-0">
         <div class="gird grid-cols-4 min-h-48">
           <div>
@@ -30,13 +30,15 @@ onMounted(() => {
             <p class="leading-8 mt-20 text-gray-500">&copy;2024 All rights reserved.</p>
           </div>
         </div>
-        <p class="text-gray-500">
+        <div class="text-gray-500 flex flex-col md:flex-row">
           <a class="hover:text-black mr-4" href="https://beian.miit.gov.cn/"
              target="_blank">苏ICP备2022016243号-1</a>
-          <img alt="" class="inline-block w-4 pb-1" src="@/assets/beian.png"/>
-          <a class="hover:text-black" href="https://beian.mps.gov.cn/#/query/webSearch?code=32050602011641/"
-             target="_blank">苏公网安备32050602011641</a>
-        </p>
+          <div>
+            <img alt="" class="inline-block w-4 pb-1" src="@/assets/beian.png"/>
+            <a class="hover:text-black" href="https://beian.mps.gov.cn/#/query/webSearch?code=32050602011641/"
+               target="_blank">苏公网安备32050602011641</a>
+          </div>
+        </div>
         <!--        <div class="flex justify-center gap-4">-->
         <!--          <a href="https://beian.miit.gov.cn/" target="_blank">-->
         <!--            <img alt="苏ICP备2022016243号-1"-->