diff --git a/.eslintrc.json b/.eslintrc.json
index b440e0aeb..1e067b08a 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -97,7 +97,11 @@
     ],
     // Disallow Unused Variables.
     // https://eslint.org/docs/rules/no-unused-vars
-    "@typescript-eslint/no-unused-vars": ["error", { "argsIgnorePattern": "^_" }]
+    "@typescript-eslint/no-unused-vars": ["error", { "argsIgnorePattern": "^_" }],
+    // Require using arrow functions as callbacks.
+    // https://eslint.org/docs/rules/prefer-arrow-callback
+    "prefer-arrow-callback": "error"
+
   },
   "settings": {
     "svelte3/typescript": true
diff --git a/src/BlockTimer.spec.ts b/src/BlockTimer.spec.ts
index 30559f57f..652bf713b 100644
--- a/src/BlockTimer.spec.ts
+++ b/src/BlockTimer.spec.ts
@@ -4,7 +4,7 @@ import "@public/index.css";
 import type { EventType, Listener } from "@ethersproject/abstract-provider";
 
 
-describe('BlockTimer', function () {
+describe('BlockTimer', () => {
   it("increases correctly the loading bar", () => {
     let block = 1;
     const props = {
diff --git a/src/Error.spec.ts b/src/Error.spec.ts
index 58762eb25..79b7cbf80 100644
--- a/src/Error.spec.ts
+++ b/src/Error.spec.ts
@@ -3,7 +3,7 @@ import { render } from "@testing-library/svelte";
 import { Failure } from '@app/error';
 import "@public/index.css";
 
-describe('Error', function () {
+describe('Error', () => {
   it("should show passed in props", () => {
     render(Error, { props: {
       subtitle: "Subtitle of Modal",
diff --git a/src/NotFound.spec.ts b/src/NotFound.spec.ts
index 7cae67cd9..16d29f71f 100644
--- a/src/NotFound.spec.ts
+++ b/src/NotFound.spec.ts
@@ -2,7 +2,7 @@ import NotFound from "./NotFound.svelte";
 import { render } from "@testing-library/svelte";
 import "@public/index.css";
 
-describe('NotFound', function () {
+describe('NotFound', () => {
   it("shows passed props correctly", () => {
     render(NotFound, {
       props: {
diff --git a/src/SeedAddress.spec.ts b/src/SeedAddress.spec.ts
index 30a1033e1..3cd34dc92 100644
--- a/src/SeedAddress.spec.ts
+++ b/src/SeedAddress.spec.ts
@@ -2,7 +2,7 @@ import SeedAddress from "./SeedAddress.svelte";
 import { render } from "@testing-library/svelte";
 import "@public/index.css";
 
-describe('SeedAddress', function () {
+describe('SeedAddress', () => {
   it("shows the seed emoji and seed host", () => {
     render(SeedAddress, {
       props: {
diff --git a/src/base/projects/PeerSelector.spec.ts b/src/base/projects/PeerSelector.spec.ts
index c9e97a10e..e837fa334 100644
--- a/src/base/projects/PeerSelector.spec.ts
+++ b/src/base/projects/PeerSelector.spec.ts
@@ -13,7 +13,7 @@ const defaultProps = {
   ],
 };
 
-describe('Logic', function () {
+describe('Logic', () => {
   it("show delegate name and badge", () => {
     render(PeerSelector, {
       props: defaultProps