diff --git a/client/src/App.vue b/client/src/App.vue
index 0356e6b3..c40d95dd 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -53,4 +53,8 @@ export default {
 @import '@/style/global.scss';
 @import '@/style/colors.scss';
 @import 'static/css/themify-icons.css';
+
+.app-main {
+  min-width: 0;
+}
 </style>
diff --git a/client/src/pages/QuestionnaireDetails.vue b/client/src/pages/QuestionnaireDetails.vue
index a6ea0698..c54c7756 100644
--- a/client/src/pages/QuestionnaireDetails.vue
+++ b/client/src/pages/QuestionnaireDetails.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="details is-fullheight">
+  <div class="details is-fullheight container">
     <top-bar-message :message="message"></top-bar-message>
     <div class="tabs is-centered">
       <ul>
@@ -523,4 +523,8 @@ export default {
 </script>
 
 <!-- Add 'scoped' attribute to limit CSS to this component only -->
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.container {
+  word-break: break-all;
+}
+</style>