diff --git a/src/components/MultipleChoiceQuestion/MultipleChoiceQuestionOption.astro b/src/components/MultipleChoiceQuestion/MultipleChoiceQuestionOption.astro
index 7cc25054..61160978 100644
--- a/src/components/MultipleChoiceQuestion/MultipleChoiceQuestionOption.astro
+++ b/src/components/MultipleChoiceQuestion/MultipleChoiceQuestionOption.astro
@@ -10,7 +10,8 @@ const letterOptions = ["a", "b", "c", "d", "e"];
class={`MultipleChoiceQuestionOption`}
data-correct={option.correct ? "true" : "false"}
data-selected="false"
- data-revealed="false"
+ data-revealed={interactive ? "false" : "true"}
+ data-interactive={interactive ? "true" : "false"}
>
({letterOptions[optionIndex]})
diff --git a/src/components/MultipleChoiceQuestion/MultipleChoiceQuestionOption.scss b/src/components/MultipleChoiceQuestion/MultipleChoiceQuestionOption.scss
index e00921fb..40948d0a 100644
--- a/src/components/MultipleChoiceQuestion/MultipleChoiceQuestionOption.scss
+++ b/src/components/MultipleChoiceQuestion/MultipleChoiceQuestionOption.scss
@@ -15,8 +15,9 @@
}
&:hover {
- background-color: #ededed;
-
+ &[data-interactive="true"] {
+ background-color: #ededed;
+ }
&[data-selected="false"] {
cursor: pointer;
}
diff --git a/src/pages/questions/[...path].astro b/src/pages/questions/[...path].astro
index d39202cd..9366aa67 100644
--- a/src/pages/questions/[...path].astro
+++ b/src/pages/questions/[...path].astro
@@ -56,7 +56,7 @@ const title = formatString(path);
{title}
-
+