diff --git a/src/components/layers/LayerEditorGroup.jsx b/src/components/layers/LayerEditorGroup.jsx
index 08a218ed..d0a550f3 100644
--- a/src/components/layers/LayerEditorGroup.jsx
+++ b/src/components/layers/LayerEditorGroup.jsx
@@ -37,6 +37,7 @@ export default class LayerEditorGroup extends React.Component {
   render() {
     return <div>
       <div style={{
+        fontWeight: 'bold',
         fontSize: fontSizes[4],
         backgroundColor: this.state.hover ? Color(colors.black).lighten(0.30).string() : Color(colors.black).lighten(0.15).string(),
         color: colors.lowgray,
diff --git a/src/fonts/Roboto-Medium.ttf b/src/fonts/Roboto-Medium.ttf
new file mode 100644
index 00000000..6a951337
Binary files /dev/null and b/src/fonts/Roboto-Medium.ttf differ
diff --git a/src/index.css b/src/index.css
index eeaa0ed7..3f9025c0 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,6 +5,13 @@
   font-style: normal;
 }
 
+@font-face {
+  font-family: 'Roboto';
+  src: url('./fonts/Roboto-Medium.ttf') format('truetype');
+  font-weight: bold;
+  font-style: normal;
+}
+
 html {
   background-color: rgb(28, 31, 36);
 }