diff --git a/client/src/components/layouts/learn.css b/client/src/components/layouts/learn.css
index 34c173bade..9d68a89ecd 100644
--- a/client/src/components/layouts/learn.css
+++ b/client/src/components/layouts/learn.css
@@ -1,3 +1,7 @@
+#learn-app-wrapper .desktop-layout {
+  height: calc(100vh - var(--header-height) - 42px);
+}
+
 #learn-app-wrapper .reflex-container.vertical .reflex-splitter:hover {
   border-left: 2px solid #006400;
   border-right: 2px solid #006400;
diff --git a/client/src/templates/Challenges/classic/classic.css b/client/src/templates/Challenges/classic/classic.css
index 11ea39d1a1..b4b3892839 100644
--- a/client/src/templates/Challenges/classic/classic.css
+++ b/client/src/templates/Challenges/classic/classic.css
@@ -2,10 +2,6 @@
   overflow: hidden !important;
 }
 
-.desktop-layout {
-  height: calc(100vh - var(--header-height));
-}
-
 .monaco-menu .action-label {
   color: #a2bd9b;
   letter-spacing: 0.02em;