diff --git a/src/components/Questionnaire/index.tsx b/src/components/Questionnaire/index.tsx
index b7f9105ce16..54353743df9 100644
--- a/src/components/Questionnaire/index.tsx
+++ b/src/components/Questionnaire/index.tsx
@@ -74,7 +74,7 @@ export function QuestionnaireList() {
                   <Badge
                     className={
                       questionnaire.status === "active"
-                        ? "bg-green-100 text-green-800"
+                        ? "bg-green-100 text-green-800 hover:bg-green-200"
                         : ""
                     }
                   >
diff --git a/src/components/Questionnaire/show.tsx b/src/components/Questionnaire/show.tsx
index 5977b61eae7..4534ce5734b 100644
--- a/src/components/Questionnaire/show.tsx
+++ b/src/components/Questionnaire/show.tsx
@@ -254,7 +254,7 @@ export function QuestionnaireShow({ id }: QuestionnaireShowProps) {
                       <Badge
                         className={
                           questionnaire.status === "active"
-                            ? "bg-green-100 text-green-800"
+                            ? "bg-green-100 text-green-800 hover:bg-green-200"
                             : ""
                         }
                       >