diff --git a/app/calendar/page.tsx b/app/calendar/page.tsx
index f025056..da198ef 100644
--- a/app/calendar/page.tsx
+++ b/app/calendar/page.tsx
@@ -2,10 +2,7 @@ import HabitCalendar from '@/components/HabitCalendar'
 
 export default function CalendarPage() {
   return (
-    <div className="flex flex-col gap-4">
-      <div className="flex justify-end">
-        {/* <ViewToggle /> */}
-      </div>
+    <div className="flex flex-col">
       <HabitCalendar />
     </div>
   )
diff --git a/app/habits/page.tsx b/app/habits/page.tsx
index 45ee2b6..db6bb0e 100644
--- a/app/habits/page.tsx
+++ b/app/habits/page.tsx
@@ -2,10 +2,7 @@ import HabitList from '@/components/HabitList'
 
 export default function HabitsPage() {
   return (
-    <div className="flex flex-col gap-4">
-      <div className="flex justify-end">
-        {/* <ViewToggle /> */}
-      </div>
+    <div className="flex flex-col">
       <HabitList />
     </div>
   )
diff --git a/components/HabitCalendar.tsx b/components/HabitCalendar.tsx
index 8510ea9..2c4132c 100644
--- a/components/HabitCalendar.tsx
+++ b/components/HabitCalendar.tsx
@@ -40,8 +40,8 @@ export default function HabitCalendar() {
   }, [completedHabitsMap, settings.system.timezone])
 
   return (
-    <div className="container mx-auto px-4 py-6">
-      <h1 className="text-2xl font-semibold mb-6">Habit Calendar</h1>
+    <div className="container mx-auto px-4 py-8">
+      <h1 className="text-3xl font-bold mb-6">Habit Calendar</h1>
       <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
         <Card>
           <CardHeader>