diff --git a/src/components/AboutPage.tsx b/src/components/AboutPage.tsx
index 099893a..637c730 100644
--- a/src/components/AboutPage.tsx
+++ b/src/components/AboutPage.tsx
@@ -157,7 +157,7 @@ export default function AboutPage({ userEmail }: AboutPageProps) {
   };
 
   return (
-    <div className="min-h-screen bg-gradient-to-b from-slate-900 to-slate-800 p-4 pb-32 pt-8">
+    <div className="min-h-screen bg-gradient-to-b from-slate-900 to-slate-800 p-4 pb-32 pt-24">
       <div className="max-w-md mx-auto">
         {/* Header */}
         <div className="text-center mb-8">
diff --git a/src/components/AnsweredPrayers.tsx b/src/components/AnsweredPrayers.tsx
index c560951..8bd7ad0 100644
--- a/src/components/AnsweredPrayers.tsx
+++ b/src/components/AnsweredPrayers.tsx
@@ -21,9 +21,9 @@ export default function AnsweredPrayers({ prayers, onEdit }: AnsweredPrayersProp
   const answeredPrayers = prayers.filter(p => p.answered);
 
   return (
-    <div className="min-h-screen bg-gradient-to-b from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800 p-4 pb-32">
+    <div className="min-h-screen bg-gradient-to-b from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800 p-4 pb-32 pt-24">
       <div className="max-w-md mx-auto">
-        <h1 className="text-3xl font-bold text-slate-900 dark:text-white mb-2 mt-6">Answered Prayers</h1>
+        <h1 className="text-3xl font-bold text-slate-900 dark:text-white mb-2">Answered Prayers</h1>
         <p className="text-slate-600 dark:text-slate-400 mb-6">Celebrate prayers God has answered</p>
 
         {answeredPrayers.length > 0 ? (
diff --git a/src/components/CalendarView.tsx b/src/components/CalendarView.tsx
index 20ee917..c589437 100644
--- a/src/components/CalendarView.tsx
+++ b/src/components/CalendarView.tsx
@@ -56,7 +56,7 @@ export default function CalendarView({ prayers, onDayClick }: CalendarViewProps)
   }
 
   return (
-    <div className="min-h-screen bg-gradient-to-b from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800 pt-20 px-4 pb-8">
+    <div className="min-h-screen bg-gradient-to-b from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800 pt-24 px-4 pb-8">
       <div className="max-w-4xl mx-auto">
         {/* Header */}
         <div className="text-center mb-8">
diff --git a/src/components/DailyEntry.tsx b/src/components/DailyEntry.tsx
index 68e58aa..1c7d111 100644
--- a/src/components/DailyEntry.tsx
+++ b/src/components/DailyEntry.tsx
@@ -39,7 +39,7 @@ export default function DailyEntry({
   const wordCount = text.split(/\s+/).filter(w => w).length;
 
   return (
-    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 pt-20 px-4 pb-8">
+    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 pt-24 px-4 pb-8">
       {/* Animated Background */}
       <div className="fixed inset-0 -z-10">
         <div className="absolute top-40 right-20 w-80 h-80 bg-blue-500/10 rounded-full blur-3xl"></div>
diff --git a/src/components/ReflectionsList.tsx b/src/components/ReflectionsList.tsx
index 7affa42..388d4b3 100644
--- a/src/components/ReflectionsList.tsx
+++ b/src/components/ReflectionsList.tsx
@@ -69,7 +69,7 @@ export default function PrayerList({ prayers, onPrayerClick, onEdit }: PrayerLis
   const resultCount = filtered.length;
 
   return (
-    <div className="min-h-screen bg-gradient-to-b from-slate-900 to-slate-800 pt-20 px-4 pb-8">
+    <div className="min-h-screen bg-gradient-to-b from-slate-900 to-slate-800 pt-24 px-4 pb-8">
       <div className="max-w-2xl mx-auto">
         {/* Header */}
         <div className="text-center mb-8">
diff --git a/src/components/ThingsToPrayFor.tsx b/src/components/ThingsToPrayFor.tsx
index b255635..21061b3 100644
--- a/src/components/ThingsToPrayFor.tsx
+++ b/src/components/ThingsToPrayFor.tsx
@@ -37,7 +37,7 @@ export default function ThingsToPrayFor({ prayers, onEdit, onMarkPrayed }: Thing
   });
 
   return (
-    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 pt-20 px-4 pb-8">
+    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 pt-24 px-4 pb-8">
       {/* Animated Background */}
       <div className="fixed inset-0 -z-10">
         <div className="absolute top-40 right-20 w-80 h-80 bg-blue-500/10 rounded-full blur-3xl"></div>