diff --git a/src/layouts/md/UseCases.tsx b/src/layouts/md/UseCases.tsx
index 3702fdf35ef..43701ce9d94 100644
--- a/src/layouts/md/UseCases.tsx
+++ b/src/layouts/md/UseCases.tsx
@@ -188,7 +188,7 @@ export const UseCasesLayout = ({
         <Emoji text=":pencil:" className="me-4 shrink-0 text-2xl" />
         <p>
           {t("template-usecase:template-usecase-banner")}{" "}
-          <InlineLink href={absoluteEditPath}>
+          <InlineLink href={absoluteEditPath} className="text-white">
             {t("template-usecase-edit-link")}
           </InlineLink>
         </p>