diff --git a/src/components/Option/Settings/general-settings.tsx b/src/components/Option/Settings/general-settings.tsx
index c471fd4..aca0cb3 100644
--- a/src/components/Option/Settings/general-settings.tsx
+++ b/src/components/Option/Settings/general-settings.tsx
@@ -239,6 +239,13 @@ export const GeneralSettings = () => {
                 })
                 clearChat()
               }
+              try {
+                await browser.storage.sync.clear()
+                await browser.storage.local.clear()
+                await browser.storage.session.clear()
+              } catch (e) {
+                console.log("Error clearing storage:", e)
+              }
             }}
             className="bg-red-500 dark:bg-red-600 text-white dark:text-gray-200 px-4 py-2 rounded-md">
             {t("generalSettings.system.deleteChatHistory.button")}
diff --git a/src/services/model-settings.ts b/src/services/model-settings.ts
index 6e96c58..1993442 100644
--- a/src/services/model-settings.ts
+++ b/src/services/model-settings.ts
@@ -1,5 +1,7 @@
 import { Storage } from "@plasmohq/storage"
-const storage = new Storage()
+const storage = new Storage({
+  area: "local"
+})
 
 type ModelSettings = {
   f16KV?: boolean
@@ -63,7 +65,7 @@ const keys = [
   "vocabOnly"
 ]
 
-const getAllModelSettings = async () => {
+export const getAllModelSettings = async () => {
   try {
     const settings: ModelSettings = {}
     for (const key of keys) {
@@ -80,7 +82,7 @@ const getAllModelSettings = async () => {
   }
 }
 
-const setModelSetting = async (
+export const setModelSetting = async (
   key: string,
   value: string | number | boolean
 ) => {
@@ -144,4 +146,3 @@ export const setLastUsedChatSystemPrompt = async (
   await storage.set(`lastUsedChatSystemPrompt-${historyId}`, prompt)
 }
 
-export { getAllModelSettings, setModelSetting }