diff --git a/source/background-scripts/initialize.ts b/source/background-scripts/initialize.ts
index 985b5c8..e8452cd 100644
--- a/source/background-scripts/initialize.ts
+++ b/source/background-scripts/initialize.ts
@@ -45,7 +45,7 @@ browser.webNavigation.onBeforeNavigate.addListener(async (details) => {
     return;
   }
 
-  const data = await browser.storage.local.get(id);
+  const data = await browser.storage.sync.get(id);
   if (data[id] === undefined) {
     return;
   }
diff --git a/source/options/components/page-main.ts b/source/options/components/page-main.ts
index 86c8417..0ac232a 100644
--- a/source/options/components/page-main.ts
+++ b/source/options/components/page-main.ts
@@ -34,9 +34,9 @@ export class PageMain extends Component<Props, State> {
   }
 
   async componentDidMount() {
-    const localStorage = await browser.storage.local.get();
+    const storage = await browser.storage.sync.get();
 
-    const bangs = Object.entries(localStorage)
+    const bangs = Object.entries(storage)
       .filter(([key, _bang]) => key.startsWith('!'))
       .map(([_key, bang]) => bang as BangParameters)
       .sort((a, b) => a.id.localeCompare(b.id));
@@ -67,7 +67,7 @@ export class PageMain extends Component<Props, State> {
       return;
     }
 
-    await browser.storage.local.remove(id);
+    await browser.storage.sync.remove(id);
 
     const bangs = this.state.bangs;
     const existingIndex = bangs.findIndex((bang) => bang.id === id);
@@ -88,7 +88,7 @@ export class PageMain extends Component<Props, State> {
       if (Bang.validate(bang)) {
         const update: Record<string, BangParameters> = {};
         update[bang.id] = bang;
-        await browser.storage.local.set(update);
+        await browser.storage.sync.set(update);
       }
     } catch (error: unknown) {
       if (error instanceof Error) {