diff --git a/package-lock.json b/package-lock.json
index 28a6c52..0db52cf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -33,6 +33,7 @@
         "diff-match-patch": "^1.0.5",
         "gh-pages": "^6.1.1",
         "lucide-react": "^0.400.0",
+        "lz-string": "^1.5.0",
         "next-themes": "^0.3.0",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
diff --git a/package.json b/package.json
index c26c7de..32fe920 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
     "diff-match-patch": "^1.0.5",
     "gh-pages": "^6.1.1",
     "lucide-react": "^0.400.0",
+    "lz-string": "^1.5.0",
     "next-themes": "^0.3.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
diff --git a/src/utils/ui/lstore.ts b/src/utils/ui/lstore.ts
index ab9c7b8..ce6da4b 100644
--- a/src/utils/ui/lstore.ts
+++ b/src/utils/ui/lstore.ts
@@ -1,4 +1,5 @@
 import { useState, useEffect } from "react";
+import { compressToUTF16, decompressFromUTF16 } from "lz-string";
 import { AppState } from "utils/ui/types";
 
 // modified from https://github.com/paradigmxyz/flux/blob/main/src/utils/lstore.ts
@@ -10,11 +11,13 @@ export function clearLocalStorage() {
 
 export function readLocalStorage<T>(key: string): T | null {
   const storedValue = localStorage.getItem(key);
-  return storedValue ? JSON.parse(storedValue) : null;
+  const decompressed = storedValue ? decompressFromUTF16(storedValue) : null;
+  return decompressed ? JSON.parse(decompressed) : null;
 }
 
 export function writeLocalStorage(key: string, value: any) {
-  localStorage.setItem(key, JSON.stringify(value));
+  const compressed = compressToUTF16(JSON.stringify(value));
+  localStorage.setItem(key, compressed);
 }
 
 export function useLocalStorage<T>(