diff --git a/package.json b/package.json
index 32ea088497b1a54a4c7435a8b275cc3407e823d8..f68b1fee257e7ee8446b440eee4e5bbfcba7c471 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,15 @@
   },
   "packageManager": "yarn@3.7.0",
   "dependencies": {
+    "husky": "^9.0.11",
     "react-icons": "^5.0.1"
+  },
+  "scripts": {
+    "prepare": "husky"
+  },
+  "husky": {
+    "hooks": {
+      "pre-push": "yarn rw lint --fix"
+    }
   }
 }
diff --git a/web/src/features/topbar/topbar.tsx b/web/src/features/topbar/topbar.tsx
index 560baedf00e1b732d0a7a348a783a09642e2ceed..45f98ebf3bad90ae32c79b47183d8635fed3d340 100644
--- a/web/src/features/topbar/topbar.tsx
+++ b/web/src/features/topbar/topbar.tsx
@@ -1,4 +1,12 @@
-import { Badge, Box, Divider, HStack, Icon, IconButton } from '@chakra-ui/react'
+import {
+  Badge,
+  Box,
+  Divider,
+  HStack,
+  Icon,
+  IconButton,
+  Text,
+} from '@chakra-ui/react'
 import { Link, back, navigate, routes, useLocation } from '@redwoodjs/router'
 import React from 'react'
 import { FaArrowLeft } from 'react-icons/fa'
diff --git a/yarn.lock b/yarn.lock
index 6998661d37e4f86df34c901783d4b73138b86f11..f4a8d2be44c459eedff6c247b8f65876b433af84 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -15913,6 +15913,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"husky@npm:^9.0.11":
+  version: 9.0.11
+  resolution: "husky@npm:9.0.11"
+  bin:
+    husky: bin.mjs
+  checksum: 2c787dcf74a837fc9a4fea7da907509d4bd9a289f4ea10ecc9d86279e4d4542b0f5f6443a619bccae19e265f2677172cc2b86aae5c932a35a330cc227d914605
+  languageName: node
+  linkType: hard
+
 "iconv-lite@npm:0.4.24, iconv-lite@npm:^0.4.24":
   version: 0.4.24
   resolution: "iconv-lite@npm:0.4.24"
@@ -21855,6 +21864,7 @@ __metadata:
   dependencies:
     "@redwoodjs/cli-storybook": 6.5.1
     "@redwoodjs/core": 6.5.1
+    husky: ^9.0.11
     react-icons: ^5.0.1
   languageName: unknown
   linkType: soft