diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index c92cc78ae..52e491c68 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -100,6 +100,7 @@ export default function Header(): JSX.Element {
             className="gap-2"
             variant={
               location.pathname.includes("/all") ||
+              location.pathname.includes("/flows") ||
               location.pathname.includes("/components")
                 ? "primary"
                 : "secondary"