diff --git a/packages/learn/src/templates/Challenges/backend/Show.js b/packages/learn/src/templates/Challenges/backend/Show.js
index 756e68dfc9..80561974fe 100644
--- a/packages/learn/src/templates/Challenges/backend/Show.js
+++ b/packages/learn/src/templates/Challenges/backend/Show.js
@@ -30,10 +30,7 @@ import {
 import Spacer from '../../../components/util/Spacer';
 import { createGuideUrl } from '../utils';
 
-import '../components/tool-panel.css';
-import '../components/preview.css';
-import '../components/test-suite.css';
-import '../classic/classic.css';
+import '../components/test-frame.css';
 
 // provided by redux form
 const reduxFormPropTypes = {
diff --git a/packages/learn/src/templates/Challenges/classic/Show.js b/packages/learn/src/templates/Challenges/classic/Show.js
index 38326eda6f..912446875c 100644
--- a/packages/learn/src/templates/Challenges/classic/Show.js
+++ b/packages/learn/src/templates/Challenges/classic/Show.js
@@ -33,6 +33,7 @@ import {
 } from '../redux';
 
 import './classic.css';
+import '../components/test-frame.css';
 
 import decodeHTMLEntities from '../../../../utils/decodeHTMLEntities';
 
diff --git a/packages/learn/src/templates/Challenges/components/preview.css b/packages/learn/src/templates/Challenges/components/preview.css
index 1e51740083..338dc0f19e 100644
--- a/packages/learn/src/templates/Challenges/components/preview.css
+++ b/packages/learn/src/templates/Challenges/components/preview.css
@@ -1,10 +1,3 @@
-.hide-test-frame {
-  position: absolute;
-  top: -9999px;
-  left: -9999px;
-  visibility: hidden;
-}
-
 .challenge-preview, .challenge-preview-frame {
   height: calc(100vh - 38px);
   width: 100%;
diff --git a/packages/learn/src/templates/Challenges/components/test-frame.css b/packages/learn/src/templates/Challenges/components/test-frame.css
new file mode 100644
index 0000000000..aee6e1a488
--- /dev/null
+++ b/packages/learn/src/templates/Challenges/components/test-frame.css
@@ -0,0 +1,6 @@
+.hide-test-frame {
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+  visibility: hidden;
+}
diff --git a/packages/learn/src/templates/Challenges/components/tool-panel.css b/packages/learn/src/templates/Challenges/components/tool-panel.css
index 70c98e128f..fc70fdc2b3 100644
--- a/packages/learn/src/templates/Challenges/components/tool-panel.css
+++ b/packages/learn/src/templates/Challenges/components/tool-panel.css
@@ -1,8 +1,3 @@
 .tool-panel-group button, .tool-panel-group a {
   font-size: 1.1rem;
 }
-
-.project-tool-panel {
-  width: 100%;
-  padding: 0 15px;
-}
diff --git a/packages/learn/src/templates/Challenges/project/Tool-Panel.js b/packages/learn/src/templates/Challenges/project/Tool-Panel.js
index 533bceb723..796fb98b24 100644
--- a/packages/learn/src/templates/Challenges/project/Tool-Panel.js
+++ b/packages/learn/src/templates/Challenges/project/Tool-Panel.js
@@ -6,6 +6,8 @@ import { Button } from 'react-bootstrap';
 
 import { openModal } from '../redux';
 
+import './tool-panel.css';
+
 const mapStateToProps = () => ({});
 
 const mapDispatchToProps = dispatch =>
diff --git a/packages/learn/src/templates/Challenges/project/tool-panel.css b/packages/learn/src/templates/Challenges/project/tool-panel.css
new file mode 100644
index 0000000000..3dea855cd7
--- /dev/null
+++ b/packages/learn/src/templates/Challenges/project/tool-panel.css
@@ -0,0 +1,4 @@
+.project-tool-panel {
+  width: 100%;
+  padding: 0 15px;
+}