diff --git a/supervisor/shared/web_workflow/static/edit.html b/supervisor/shared/web_workflow/static/edit.html
index c223a11047..e11b094d2c 100644
--- a/supervisor/shared/web_workflow/static/edit.html
+++ b/supervisor/shared/web_workflow/static/edit.html
@@ -3,18 +3,8 @@
 <head>
     <meta charset="UTF-8">
     <title>Code Edit</title>
-    <style>
-        #code_textarea {
-            width: 90%;
-            height: 600px;
-        }
-
-        #output_text {
-            margin: 0;
-            font-size: 0.7em;
-        }
-    </style>
-
+    <link rel="stylesheet" href="http://circuitpython.org/assets/css/webworkflow-8.css">
+    <link rel="stylesheet" href="/style.css">
 </head>
 <body>
 <button id="save_btn">Save</button>
diff --git a/supervisor/shared/web_workflow/static/style.css b/supervisor/shared/web_workflow/static/style.css
index f6ef757b3f..17564af4fd 100644
--- a/supervisor/shared/web_workflow/static/style.css
+++ b/supervisor/shared/web_workflow/static/style.css
@@ -5,3 +5,15 @@ body {
   font-family: "Proxima Nova", Verdana, sans-serif;
   line-height: 20.7px;
 }
+
+
+/* for edit.html */
+#code_textarea {
+    width: 90%;
+    height: 600px;
+}
+
+#output_text {
+    margin: 0;
+    font-size: 0.7em;
+}
