From b7b2cad1eb100693bf95fa1b5e2d9e9b16c668ae Mon Sep 17 00:00:00 2001
From: LucasTStephens <97369545+LucasTStephens@users.noreply.github.com>
Date: Sat, 14 Dec 2024 04:47:44 -0800
Subject: [PATCH] fix(ui): Issue with Exercise Accessibility on Mobile (#57430)

---
 client/src/templates/Challenges/classic/editor.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/templates/Challenges/classic/editor.tsx b/client/src/templates/Challenges/classic/editor.tsx
index 6832dbd38d0..19dd9c37cbf 100644
--- a/client/src/templates/Challenges/classic/editor.tsx
+++ b/client/src/templates/Challenges/classic/editor.tsx
@@ -815,7 +815,7 @@ const Editor = (props: EditorProps): JSX.Element => {
   ): HTMLDivElement {
     const scrollGutterNode = document.createElement('div');
     const lineGutterWidth = editor.getLayoutInfo().contentLeft;
-    scrollGutterNode.style.width = `${lineGutterWidth}px`;
+    scrollGutterNode.style.width = `${lineGutterWidth * 1.35}px`;
     scrollGutterNode.style.left = `-${lineGutterWidth}px`;
     scrollGutterNode.style.top = '0';
     scrollGutterNode.style.height = '10000px';