diff --git a/web/src/components/LogoContainer/LogoContainer.tsx b/web/src/components/LogoContainer/LogoContainer.tsx
index b079cc7..89abd82 100644
--- a/web/src/components/LogoContainer/LogoContainer.tsx
+++ b/web/src/components/LogoContainer/LogoContainer.tsx
@@ -8,7 +8,9 @@ import SvgTeoniteLogo from '../../shared/components/svg/TeoniteLogo';
 export const LogoContainer = () => {
   return (
     <div className="logo-container">
-      <SvgDefguardLogoText className="defguard" />
+      <a href="https://defguard.net/" target="_blank" rel="noreferrer">
+        <SvgDefguardLogoText className="defguard" />
+      </a>
       <Divider direction={DividerDirection.VERTICAL} />
       <a href="https://teonite.com" target="_blank" rel="noreferrer">
         <SvgTeoniteLogo className="teonite" />
diff --git a/web/src/components/LogoContainer/style.scss b/web/src/components/LogoContainer/style.scss
index 76af298..3f2ceb8 100644
--- a/web/src/components/LogoContainer/style.scss
+++ b/web/src/components/LogoContainer/style.scss
@@ -13,13 +13,13 @@
     height: 100%;
   }
 
-  & > .defguard {
+  & > a > .defguard {
     path {
       fill: var(--text-body-primary);
     }
   }
 
-  & > .teonite {
+  & > a > .teonite {
     path {
       fill: var(--surface-teonite-logo);
     }