diff --git a/client/index.html b/client/index.html
index 658ff54f..a2f288ef 100644
--- a/client/index.html
+++ b/client/index.html
@@ -1,81 +1,46 @@
-
-
-
-
- <%= htmlWebpackPlugin.options.VUE_APP_TITLE %>
+
-
-
-
+
+
+
+
+ <%= htmlWebpackPlugin.options.VUE_APP_TITLE %>
+
-
-
-
-
-
-
-
+
+
+
-
-
-
-
-
-
+ },
+ };
+
+
+
+
+
+
+
+
diff --git a/client/src/pages/instrument.vue b/client/src/pages/instrument.vue
index 963f4220..6233e55c 100644
--- a/client/src/pages/instrument.vue
+++ b/client/src/pages/instrument.vue
@@ -66,6 +66,7 @@ export default {
font-size: toRem(35px);
margin-bottom: $large-spacing;
line-height: $default-heading-line-height;
+ overflow-wrap: break-word;
}
& :deep() {
diff --git a/client/src/styles/_typography.scss b/client/src/styles/_typography.scss
index 32ec4206..422fd540 100644
--- a/client/src/styles/_typography.scss
+++ b/client/src/styles/_typography.scss
@@ -6,6 +6,7 @@
font-size: $base-font-size;
font-weight: $font-weight-regular;
color: $color-charcoal-dark;
+ hyphens: auto;
}
h1,