1

video-gen-app/src/pages/LoginPage.css

@@ -183,27 +183,32 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content: flex-start;
+  justify-content: center;
   z-index: 1;
-  padding: 32px 16px 32px;
-  overflow-y: auto;
+  padding: 16px 16px 60px;
+  position: relative;
 }
 
 .login-right-section-inner {
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 16px;
   width: 100%;
   max-width: 440px;
 }
 
-.login-copyright {
+.login-copyright-wrapper {
+  position: absolute;
+  bottom: 24px;
+  left: 0;
+  right: 0;
   text-align: center;
+}
+
+.login-copyright {
   color: rgba(255,255,255,0.7);
   font-size: 12px;
   letter-spacing: 0.5px;
-  padding-top: 8px;
 }
 
 @media (min-width: 900px) {

video-gen-app/src/pages/LoginPage.tsx

@@ -482,12 +482,14 @@ const LoginPage: React.FC = () => {
               )}
             </div>
           </Card>
-          {siteCopyright && (
+        </div>
+        {siteCopyright && (
+          <div className="login-copyright-wrapper">
             <div className="login-copyright">
               {siteCopyright}
             </div>
-          )}
-        </div>
+          </div>
+        )}
       </div>
     </div>
   );