diff --git a/ui/src/app/webpack.config.js b/ui/src/app/webpack.config.js
index 3981b09719708..5b6b179f124b1 100644
--- a/ui/src/app/webpack.config.js
+++ b/ui/src/app/webpack.config.js
@@ -88,6 +88,10 @@ const config = {
                 {
                     from: 'node_modules/redoc/bundles/redoc.standalone.js',
                     to: 'assets/scripts/redoc.standalone.js'
+                },
+                {
+                    from: 'node_modules/monaco-editor/min/vs/base/browser/ui/codicons/codicon',
+                    to: 'assets/fonts'
                 }
             ]
         }),
diff --git a/ui/src/assets/fonts.css b/ui/src/assets/fonts.css
index 979dba40d4497..559a176871146 100644
--- a/ui/src/assets/fonts.css
+++ b/ui/src/assets/fonts.css
@@ -1,3 +1,8 @@
+@font-face {
+	font-family: "codicon";
+	src: url("./fonts/codicon.ttf") format("truetype");
+}
+
 /* === Heebo - 300 */
 @font-face {
 	font-family: 'Heebo';