diff --git a/supervisor/shared/web_workflow/static/directory.html b/supervisor/shared/web_workflow/static/directory.html
index 0466cb717d..de26686c10 100644
--- a/supervisor/shared/web_workflow/static/directory.html
+++ b/supervisor/shared/web_workflow/static/directory.html
@@ -5,6 +5,7 @@
     <meta charset="UTF-8">
     <script src="/directory.js" defer=true></script>
     <link rel="stylesheet" href="/style.css">
+    <link rel="stylesheet" href="http://circuitpython.org/assets/css/webworkflow.css">
 </head>
 <body>
     <h1><a href="/"><img src="/favicon.ico"/></a>&nbsp;<span id="path"></span></h1>
diff --git a/supervisor/shared/web_workflow/static/serial.html b/supervisor/shared/web_workflow/static/serial.html
index 5dfcb6cc7d..9f7c3c5ede 100644
--- a/supervisor/shared/web_workflow/static/serial.html
+++ b/supervisor/shared/web_workflow/static/serial.html
@@ -6,6 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="/serial.js" defer=true></script>
   <link rel="stylesheet" href="/style.css">
+  <link rel="stylesheet" href="http://circuitpython.org/assets/css/webworkflow.css">
 </head>
 <body style="flex-direction: column; display: flex; height: 100%; width: 100%; margin: 0; font-size: 1rem;">
   <div style="flex: auto; display: flex; overflow: auto; flex-direction: column;">
diff --git a/supervisor/shared/web_workflow/static/welcome.html b/supervisor/shared/web_workflow/static/welcome.html
index e075c0200d..8a98182bb5 100644
--- a/supervisor/shared/web_workflow/static/welcome.html
+++ b/supervisor/shared/web_workflow/static/welcome.html
@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <script src="/welcome.js" defer=true></script>
     <link rel="stylesheet" href="/style.css">
+    <link rel="stylesheet" href="http://circuitpython.org/assets/css/webworkflow.css">
 </head>
 <body>
 
