diff --git a/src/common/assets/img/login/background.png b/src/common/assets/img/login/background.png
new file mode 100644
index 0000000..ff055db
Binary files /dev/null and b/src/common/assets/img/login/background.png differ
diff --git a/src/modules/login/components/Login.tsx b/src/modules/login/components/Login.tsx
index 248de3f..c3a7dcb 100644
--- a/src/modules/login/components/Login.tsx
+++ b/src/modules/login/components/Login.tsx
@@ -1,16 +1,13 @@
 import { Image, View } from '@tarojs/components';
 import { memo } from 'react';
 
-import TopBackground from '@/common/assets/img/login/top_background.png';
+import TopBackground from '@/common/assets/img/login/background.png';
 
 import AuthForm from './AuthForm';
 
 const Login: React.FC = memo(() => (
   <View className="h-screen w-full">
-    <Image
-      src={TopBackground as string}
-      className="relative left-[-3vh] top-[-13vh] h-[50vh] w-[120%]"
-    ></Image>
+    <Image src={TopBackground as string} className="relative w-[100%]"></Image>
     <AuthForm />
   </View>
 ));
diff --git a/src/modules/notification/components/Notification.tsx b/src/modules/notification/components/Notification.tsx
index cd93e95..ba122e0 100644
--- a/src/modules/notification/components/Notification.tsx
+++ b/src/modules/notification/components/Notification.tsx
@@ -132,7 +132,7 @@ const Notification: React.FC = memo(() => {
   }, [tab]);
 
   return (
-    <View className="flex h-screen w-full flex-col items-center gap-4 overflow-y-scroll px-4 pb-[13vh] pt-2">
+    <View className="flex h-screen w-full flex-col items-center gap-4 overflow-y-scroll pb-[13vh]">
       <TabBar tab={tab} setTab={setTab} />
       <VirtualList
         height="100%"