From ee26d4333c9f00dbba0e33d642b237ad103bdf49 Mon Sep 17 00:00:00 2001
From: Anna <a.rcottrill521@gmail.com>
Date: Thu, 20 Jun 2024 01:58:46 -0400
Subject: [PATCH] fix(UI): prevent blank cutoffs (#55222)

---
 .../src/templates/Challenges/fill-in-the-blank/show.css  | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/client/src/templates/Challenges/fill-in-the-blank/show.css b/client/src/templates/Challenges/fill-in-the-blank/show.css
index ca2054d77cb..cd0c47348d9 100644
--- a/client/src/templates/Challenges/fill-in-the-blank/show.css
+++ b/client/src/templates/Challenges/fill-in-the-blank/show.css
@@ -11,7 +11,8 @@
 
 .fill-in-the-blank-wrap > p {
   margin: 0;
-  font-size: 1.25em;
+  font-size: 1.25rem;
+  line-height: 1.5;
 }
 
 .fill-in-the-blank-input {
@@ -20,7 +21,7 @@
   background-color: var(--primary-background);
   border-radius: 0;
   overflow-wrap: anywhere;
-  line-height: 1.5rem;
+  line-height: 1.5;
   z-index: 1;
   position: relative;
   border-left: none;
@@ -30,6 +31,10 @@
   border-bottom-color: var(--gray-45) !important;
 }
 
+.fill-in-the-blank-input:focus {
+  z-index: 2;
+}
+
 .code-tag code {
   font-size: 100%;
   z-index: 0;