diff --git a/frontend/src/views/basic_photo_banner/canvas.js b/frontend/src/views/basic_photo_banner/canvas.js
index 8b22af6691c742a12062f12f0351d64f7cf179d3..c02aeeba09460192deed20fdd4797d0bde3a393d 100644
--- a/frontend/src/views/basic_photo_banner/canvas.js
+++ b/frontend/src/views/basic_photo_banner/canvas.js
@@ -116,7 +116,7 @@ const redraw = async (canvas, options) => {
         mainTextBox = new PaddedHighlightingTextbox(
             highlightedData.text,
             {
-                width: mainTextWidth,
+                width: canvas.width,
                 left: textMarginLeft,
                 textAlign: 'left',
                 fontFamily: 'Bebas Neue',
diff --git a/frontend/src/views/facebook_survey/canvas.js b/frontend/src/views/facebook_survey/canvas.js
index 7dfbf6c930dfbe567bfa68d0aad30ce76f981078..8ce15a81e107b79030fe79cfd70608bbd605ddfb 100644
--- a/frontend/src/views/facebook_survey/canvas.js
+++ b/frontend/src/views/facebook_survey/canvas.js
@@ -64,7 +64,7 @@ const redraw = async (canvas, options) => {
         mainTextBox = new PaddedHighlightingTextbox(
             highlightedData.text,
             {
-                width: mainTextWidth,
+                width: canvas.width,
                 left: textMarginLeft,
                 textAlign: 'center',
                 fontFamily: 'Bebas Neue',
diff --git a/frontend/src/views/newspaper_quote_bottom/canvas.js b/frontend/src/views/newspaper_quote_bottom/canvas.js
index 6faf38f91d51eda57cb4ce1153380a277170aacc..ca8492f2d93c71e795867cfefbb74ee6d41b7c5a 100644
--- a/frontend/src/views/newspaper_quote_bottom/canvas.js
+++ b/frontend/src/views/newspaper_quote_bottom/canvas.js
@@ -219,7 +219,7 @@ const redraw = async (canvas, options) => {
         mainTextBox = new PaddedHighlightingTextbox(
             highlightedData.text,
             {
-                width: mainTextWidth,
+                width: canvas.width,
                 left: textMarginSides,
                 textAlign: 'left',
                 fontFamily: 'Glegoo',
diff --git a/frontend/src/views/newspaper_quote_middle/canvas.js b/frontend/src/views/newspaper_quote_middle/canvas.js
index e7d5b748f904f3b24f7dc1061af19f277b5be0e0..d8e0be2f26989952518cae72bedd10b0d2579fca 100644
--- a/frontend/src/views/newspaper_quote_middle/canvas.js
+++ b/frontend/src/views/newspaper_quote_middle/canvas.js
@@ -195,7 +195,7 @@ const redraw = async (canvas, options) => {
         mainTextBox = new PaddedHighlightingTextbox(
             highlightedData.text,
             {
-                width: mainTextWidth,
+                width: canvas.width,
                 left: textMarginSides,
                 textAlign: 'left',
                 fontFamily: 'Glegoo',
diff --git a/frontend/src/views/text_banner/canvas.js b/frontend/src/views/text_banner/canvas.js
index 8e3f97e53d54c1f8185c88a9ba49ca63f6b52bc0..8b7da06ba598f3a588067c1dfcfae0a39bed1150 100644
--- a/frontend/src/views/text_banner/canvas.js
+++ b/frontend/src/views/text_banner/canvas.js
@@ -109,7 +109,7 @@ const redraw = async (canvas, options) => {
         textBox = new PaddedHighlightingTextbox(
             highlightedData.text,
             {
-                width: textBoxWidth,
+                width: canvas.width,
                 left: textBoxMarginSide,
                 top: (
                     textBoxTop
diff --git a/frontend/src/views/twitter_banner/canvas.js b/frontend/src/views/twitter_banner/canvas.js
index 14e817a65c8ae26daa77c9d4d00e631b3acf783b..cdc7b320f0c523ad120e2c400d889af15e380e6d 100644
--- a/frontend/src/views/twitter_banner/canvas.js
+++ b/frontend/src/views/twitter_banner/canvas.js
@@ -180,7 +180,7 @@ const redraw = async (canvas, options) => {
                 mainTextBox = new PaddedHighlightingTextbox(
                     highlightedData.text,
                     {
-                        width: mainTextBoxWidth,
+                        width: canvas.width,
                         textAlign: 'left',
                         fontSize: mainTextBoxFontSize,
                         fontFamily: 'Roboto Condensed',