diff --git a/src/app/dhikr/page.tsx b/src/app/dhikr/page.tsx
index 755b779..6201a8f 100644
--- a/src/app/dhikr/page.tsx
+++ b/src/app/dhikr/page.tsx
@@ -109,7 +109,7 @@ export default function DhikrPage() {
 
   if (!user) {
     return (
-      <div className="min-h-dvh flex flex-col items-center justify-center bg-[#f5f4f0] px-6 pb-20">
+      <div className="min-h-dvh flex flex-col items-center justify-center bg-[#f5f4f0] px-6 pb-24">
         <div className="text-5xl mb-6">📿</div>
         <h2 className="text-xl font-bold text-gray-900 mb-2">Daily Dhikr</h2>
         <p className="text-gray-500 text-sm text-center mb-8">
@@ -125,7 +125,7 @@ export default function DhikrPage() {
 
   if (loading) {
     return (
-      <div className="min-h-dvh flex items-center justify-center bg-[#f5f4f0] pb-20">
+      <div className="min-h-dvh flex items-center justify-center bg-[#f5f4f0] pb-24">
         <div className="w-8 h-8 rounded-full border-2 border-emerald-700/30 border-t-emerald-700 animate-spin" />
       </div>
     )
diff --git a/src/app/nur/page.tsx b/src/app/nur/page.tsx
index 5d93dee..44d4709 100644
--- a/src/app/nur/page.tsx
+++ b/src/app/nur/page.tsx
@@ -173,7 +173,7 @@ export default function NurPage() {
 
   if (!user) {
     return (
-      <div className="min-h-dvh flex flex-col items-center justify-center bg-[#f5f4f0] px-6 pb-20">
+      <div className="min-h-dvh flex flex-col items-center justify-center bg-[#f5f4f0] px-6 pb-24">
         <div className="w-20 h-20 rounded-3xl bg-gradient-to-br from-violet-500 to-purple-600 flex items-center justify-center mb-6 shadow-lg">
           <Bot size={36} className="text-white" />
         </div>
diff --git a/src/app/profile/page.tsx b/src/app/profile/page.tsx
index 5aa8566..3909b50 100644
--- a/src/app/profile/page.tsx
+++ b/src/app/profile/page.tsx
@@ -200,7 +200,7 @@ export default function ProfilePage() {
       </div>
 
       {/* Sign Out */}
-      <div className="mx-4">
+      <div className="mx-4 mb-4">
         <button
           onClick={() => {
             if (typeof window !== 'undefined') {
diff --git a/src/app/upgrade/page.tsx b/src/app/upgrade/page.tsx
index 6a4f650..a4ceae0 100644
--- a/src/app/upgrade/page.tsx
+++ b/src/app/upgrade/page.tsx
@@ -101,7 +101,7 @@ function UpgradeContent() {
   }
 
   if (authLoading) return (
-    <div className="min-h-dvh bg-[#f5f4f0] flex items-center justify-center pb-20">
+    <div className="min-h-dvh bg-[#f5f4f0] flex items-center justify-center pb-24">
       <div className="w-8 h-8 rounded-full border-2 border-emerald-300 border-t-emerald-600 animate-spin" />
     </div>
   )
@@ -206,7 +206,7 @@ function UpgradeContent() {
 export default function UpgradePage() {
   return (
     <Suspense fallback={
-      <div className="min-h-dvh bg-[#f5f4f0] flex items-center justify-center pb-20">
+      <div className="min-h-dvh bg-[#f5f4f0] flex items-center justify-center pb-24">
         <div className="w-8 h-8 rounded-full border-2 border-emerald-300 border-t-emerald-600 animate-spin" />
       </div>
     }>