diff --git a/app/assets/stylesheets/chat.scss b/app/assets/stylesheets/chat.scss
index 72375f2bc..7eaef5633 100644
--- a/app/assets/stylesheets/chat.scss
+++ b/app/assets/stylesheets/chat.scss
@@ -12,7 +12,14 @@
 }
 
 .live-chat {
-  height: calc(100 * var(--vh) - var(--header-height));
+  /* height: calc(100vh - 56px); */
+
+  &.live-chat--iossafari {
+    height: calc(100vh - 56px);
+  }
+
+  overflow-y: hidden;
+  /* height: calc(100 * var(--vh) - var(--header-height)); */
 }
 
 .live-chat {
@@ -26,6 +33,10 @@
   position: relative;
   overflow-x: hidden;
   overflow-y: hidden;
+
+  &.chat--iossafari {
+    height: 100%;
+  }
 }
 
 .chat__channels {
diff --git a/bin/__tests__/generate-css-utility-classes-docs.test.js b/bin/__tests__/generate-css-utility-classes-docs.test.js
index 550992cc5..218225e78 100644
--- a/bin/__tests__/generate-css-utility-classes-docs.test.js
+++ b/bin/__tests__/generate-css-utility-classes-docs.test.js
@@ -23,6 +23,7 @@ function getStorybookFilePath(cssProperty) {
 
 describe('generateUtilityClassesDocumentation', () => {
   beforeEach(() => {
+    // eslint-disable-next-line no-console
     console.log = jest.fn();
   });
 
diff --git a/bin/generate-css-utility-classes-docs.js b/bin/generate-css-utility-classes-docs.js
index 4880eabe8..40ada59bf 100755
--- a/bin/generate-css-utility-classes-docs.js
+++ b/bin/generate-css-utility-classes-docs.js
@@ -145,12 +145,14 @@ async function generateUtilityClassesDocumentation(
   styleSheet,
   fileWriter = file.writeFile,
 ) {
+  // eslint-disable-next-line no-console
   console.log('Grouping stylesheet rules by CSS property');
   const rulesForStorybook = groupCssRulesByCssProperty(styleSheet.cssRules);
 
   for (const [cssProperty, cssRules] of Object.entries(rulesForStorybook)) {
     const storybookContent = generateUtilityClassStories(cssProperty, cssRules);
 
+    // eslint-disable-next-line no-console
     console.log(
       `Persisting Storybook stories for CSS utility classes related to the ${cssProperty} property.`,
     );
@@ -165,9 +167,11 @@ async function generateUtilityClassesDocumentation(
 }
 
 async function generateDocumentation() {
+  // eslint-disable-next-line no-console
   console.log('Ensuring the auto-generated Storybook folder exists.');
 
   if (!(await folderExists(GENERATED_STORIES_FOLDER))) {
+    // eslint-disable-next-line no-console
     console.log(
       'The auto-generated Storybook folder does not exist. Creating it.',
     );
@@ -179,6 +183,7 @@ async function generateDocumentation() {
     'config/_generator.scss',
   );
 
+  // eslint-disable-next-line no-console
   console.log(`Generating the style sheet for ${utilityClassesFilename}`);
 
   try {
diff --git a/package.json b/package.json
index 4ce2f0b4d..feef8b93c 100644
--- a/package.json
+++ b/package.json
@@ -101,7 +101,6 @@
     "babel-eslint": "^10.1.0",
     "babel-jest": "^26.5.2",
     "babel-loader": "^8.1.0",
-    "canvas": "^2.6.1",
     "css-loader": "^4.3.0",
     "cssom": "^0.4.4",
     "eslint": "^7.11.0",
@@ -144,6 +143,7 @@
     "ahoy.js": "^0.3.7",
     "autoprefixer": "^9.8.6",
     "babel-preset-preact": "^2.0.0",
+    "canvas": "^2.6.1",
     "chart.js": "^2.9.3",
     "clipboard-polyfill": "^3.0.1",
     "core-js": "3",