diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4b9e52a..9595534 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Changelog
 
+## Version 0.1.30
+
+### Fixed
+
+- fix responsive layout on mobile for habits and wishlist when has archived items
+
 ## Version 0.1.29
 
 ### Fixed
diff --git a/components/HabitList.tsx b/components/HabitList.tsx
index 93c71c3..6a44454 100644
--- a/components/HabitList.tsx
+++ b/components/HabitList.tsx
@@ -67,7 +67,7 @@ export default function HabitList() {
         
         {archivedHabits.length > 0 && (
           <>
-            <div className="col-span-2 relative flex items-center my-6">
+            <div className="col-span-1 sm:col-span-2 relative flex items-center my-6">
               <div className="flex-grow border-t border-gray-300 dark:border-gray-600" />
               <span className="mx-4 text-sm text-gray-500 dark:text-gray-400">Archived</span>
               <div className="flex-grow border-t border-gray-300 dark:border-gray-600" />
diff --git a/package.json b/package.json
index 01a85bb..604e478 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "habittrove",
-  "version": "0.1.29",
+  "version": "0.1.30",
   "private": true,
   "scripts": {
     "dev": "next dev --turbopack",