diff --git a/src/libs/util.ts b/src/libs/util.ts
index 99c51ec..598b8ff 100644
--- a/src/libs/util.ts
+++ b/src/libs/util.ts
@@ -12,8 +12,7 @@ import { deriveAddress, generateSeed, newIdentifier } from "@/libs/crypto";
 import { GenericServerRecord, containsHiddenDid } from "@/libs/endorserServer";
 import * as serverUtil from "@/libs/endorserServer";
 
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const Buffer = require("buffer/").Buffer;
+import { Buffer } from "buffer/";
 
 // If you edit this, check that the numbers still line up on the side in the alert (on mobile, too),
 // and make sure they can take all actions while the notification shows.
diff --git a/src/views/ContactQRScanShowView.vue b/src/views/ContactQRScanShowView.vue
index b026255..72cbc95 100644
--- a/src/views/ContactQRScanShowView.vue
+++ b/src/views/ContactQRScanShowView.vue
@@ -88,9 +88,7 @@ import {
   CONTACT_URL_PREFIX,
   ENDORSER_JWT_URL_LOCATION,
 } from "@/libs/endorserServer";
-
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const Buffer = require("buffer/").Buffer;
+import { Buffer } from "buffer/";
 
 @Component({
   components: {
diff --git a/src/views/ContactsView.vue b/src/views/ContactsView.vue
index b866e5e..5cf644d 100644
--- a/src/views/ContactsView.vue
+++ b/src/views/ContactsView.vue
@@ -313,8 +313,8 @@ import QuickNav from "@/components/QuickNav.vue";
 import EntityIcon from "@/components/EntityIcon.vue";
 import { Account } from "@/db/tables/accounts";
 
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const Buffer = require("buffer/").Buffer;
+import { Buffer } from "buffer/";
+
 
 @Component({
   components: { QuickNav, EntityIcon },