diff --git a/habits.db b/habits.db
index 0a8f677..d7563ff 100644
Binary files a/habits.db and b/habits.db differ
diff --git a/src/App.tsx b/src/App.tsx
index 18bca0f..66e3f91 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -83,7 +83,10 @@ function HabitTrackerContent() {
 
       <div className={`rounded-lg shadow p-6 ${theme.cardBackground}`}>
         <div className="flex justify-between items-center mb-6">
-          <h2 className="text-2xl font-bold dark:text-white">Weekly Progress</h2>
+          <div>
+            <h2 className="text-2xl font-bold dark:text-white">Your Habits</h2>
+            <p className="text-sm text-gray-400 dark:text-gray-300 mt-1">Track your weekly progress</p>
+          </div>
           <div className="flex items-center space-x-2">
             <button
               onClick={goToCurrentWeek}
@@ -117,6 +120,7 @@ function HabitTrackerContent() {
           onDeleteHabit={deleteHabit}
           onUpdateStreak={updateStreak}
         />
+        <p className="text-sm text-gray-500 dark:text-gray-300 mt-4">Keep up the good work! Consistency is key.</p>
       </div>
     </div>
   );
diff --git a/src/components/Calendar.tsx b/src/components/Calendar.tsx
index dd2fab5..56657f2 100644
--- a/src/components/Calendar.tsx
+++ b/src/components/Calendar.tsx
@@ -128,14 +128,18 @@ export const Calendar: React.FC<CalendarProps> = ({
                     <div className="group relative inline-block">
                       <div 
                         className={`
-                          h-4 w-4 rounded-full cursor-pointer
-                          transition-colors duration-200
+                          h-5 px-2 rounded-full cursor-pointer
+                          transition-colors duration-200 flex items-center justify-center
                           ${completedHabits.length > 0 
                             ? 'bg-[#2ecc71] dark:bg-[#2ecc71] shadow-sm shadow-[#2ecc7150]' 
                             : `bg-[#e9e9e8] dark:bg-[#393939]`
                           }
                         `}
-                      />
+                      >
+                        <span className="text-[8px] font-medium text-black/70 dark:text-white/70">
+                          {completedHabits.length}/{habits.length}
+                        </span>
+                      </div>
                       <div 
                         className={`
                           absolute bottom-full left-1/2 -translate-x-1/2 mb-2