style: footer tweaking

app/globals.css

@@ -2,6 +2,22 @@
 @tailwind components;
 @tailwind utilities;
 
+html,
+body {
+  margin: 0;
+  padding: 0;
+  overflow-x: hidden;
+  overscroll-behavior: none;
+  width: 100%;
+  position: relative;
+}
+
+#root,
+#__next {
+  overflow-x: hidden;
+  width: 100%;
+}
+
 @layer base {
   :root {
     --background: 0 0% 100%;

app/privacy/page.tsx

@@ -13,7 +13,7 @@ const Privacy = () => {
   };
 
   const body = (
-    <div className='privacy-content my-2 max-h-[60vh] space-y-1 overflow-auto'>
+    <div className='privacy-content my-2 max-h-[50vh] space-y-1 overflow-auto'>
       <p className='leading-relaxed'>
         This Privacy Policy describes Our policies and procedures on the
         collection, use and disclosure of Your information when You use the

components/Footer.tsx

@@ -12,21 +12,28 @@ export const Footer = () => {
 
   if (pathname === '/unsubscribe') {
     return (
-      <div className='flex justify-center space-x-4'>
+      <div className='flex flex-col justify-center space-x-4'>
         <CustomLink path='/' text='Subscribe' />
+        <div className='mt-2 text-xs text-gray-600'>
+          <Link
+            className='font-medium text-indigo-600 hover:text-indigo-500'
+            href='/privacy'
+          >
+            Privacy Policy
+          </Link>
+        </div>
       </div>
     );
   }
 
   if (pathname === '/privacy') {
     return (
-      <div className='relative flex w-full items-center'>
-        <div className='flex w-full justify-center'>
-          <div className='inline-flex'>
+      <div className='w-full'>
+        <div className='relative flex flex-col items-center justify-center space-y-4 sm:flex-row sm:space-x-8 sm:space-y-0'>
+          <div>
             <CustomLink path='/' text='Subscribe' />
           </div>
-        </div>
-        <div className='absolute right-0'>
+          <div>
             <CustomLink
               path='/unsubscribe'
               text='Unsubscribe'
@@ -34,6 +41,7 @@ export const Footer = () => {
             />
           </div>
         </div>
+      </div>
     );
   }