From a4ee5ea09aba40202edf5425f51b2d3d6ec055b5 Mon Sep 17 00:00:00 2001
From: Tom <20648924+moT01@users.noreply.github.com>
Date: Mon, 1 Jun 2020 08:08:08 -0500
Subject: [PATCH] fix(client): background-color in code blocks of questions
 (#38968)

---
 client/src/templates/Challenges/video/show.css | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/client/src/templates/Challenges/video/show.css b/client/src/templates/Challenges/video/show.css
index 09491c451e..058369abaa 100644
--- a/client/src/templates/Challenges/video/show.css
+++ b/client/src/templates/Challenges/video/show.css
@@ -21,7 +21,7 @@
 }
 
 .video-quiz-options {
-  background-color: var(--tertiary-background);
+  background-color: var(--primary-background);
 }
 
 /* remove bootstrap margin here */
@@ -35,7 +35,18 @@
   cursor: pointer;
   display: flex;
   font-weight: normal;
-  border: 2px solid var(--secondary-background);
+  border-left: 4px solid var(--tertiary-background);
+  border-right: 4px solid var(--tertiary-background);
+  border-top: 2px solid var(--tertiary-background);
+  border-bottom: 2px solid var(--tertiary-background);
+}
+
+.video-quiz-option-label:first-child {
+  border-top: 4px solid var(--tertiary-background);
+}
+
+.video-quiz-option-label:last-child {
+  border-bottom: 4px solid var(--tertiary-background);
 }
 
 .video-quiz-input-hidden {