diff --git a/src/frontend/src/components/nav/Footer.tsx b/src/frontend/src/components/nav/Footer.tsx
index 588df249f1..f915cfb2d8 100644
--- a/src/frontend/src/components/nav/Footer.tsx
+++ b/src/frontend/src/components/nav/Footer.tsx
@@ -7,7 +7,7 @@ import { InvenTreeLogoHomeButton } from '../items/InvenTreeLogo';
 export function Footer() {
   const items = footerLinks.map((link) => (
     <Anchor<'a'>
-      color="dimmed"
+      c="dimmed"
       key={link.key}
       href={link.link}
       onClick={(event) => event.preventDefault()}