From 746380b14dc03b1742059812450b8c7e8de52800 Mon Sep 17 00:00:00 2001
From: "Nicholas Carrigan (he/him)" <nhcarrigan@gmail.com>
Date: Thu, 25 Mar 2021 04:36:28 -0700
Subject: [PATCH] feat(client): style code block scrollbar (#41556)

Styles the scrollbar within the python challenges answer box.
---
 client/src/templates/Challenges/video/show.css | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/client/src/templates/Challenges/video/show.css b/client/src/templates/Challenges/video/show.css
index a0d88e7566..075bc4fdbe 100644
--- a/client/src/templates/Challenges/video/show.css
+++ b/client/src/templates/Challenges/video/show.css
@@ -37,7 +37,21 @@
 .video-quiz-options > label {
   margin: 0;
   align-items: center;
-  overflow-x: scroll;
+  overflow-x: auto;
+}
+
+.video-quiz-options > label::-webkit-scrollbar {
+  height: 15px;
+}
+.video-quiz-options > label {
+  scrollbar-width: thin;
+  scrollbar-color: var(--quaternary-background) var(--secondary-background);
+}
+.video-quiz-options > label::-webkit-scrollbar-track {
+  background: var(--secondary-background);
+}
+.video-quiz-options > label::-webkit-scrollbar-thumb {
+  background-color: var(--quaternary-background);
 }
 
 .video-quiz-option-label {