diff --git a/apps/web/src/components/editor/index.js b/apps/web/src/components/editor/index.js
index e8390de2b..3f74d51e2 100644
--- a/apps/web/src/components/editor/index.js
+++ b/apps/web/src/components/editor/index.js
@@ -126,7 +126,10 @@ function Editor(props) {
         <Animated.Flex
           variant="columnFill"
           className="editor"
-          sx={{ mx: [0, 0, editorMargins], alignSelf: "center" }}
+          sx={{
+            mx: [0, 0, editorMargins],
+            alignSelf: ["stretch", "stretch", "center"],
+          }}
           animate={{
             marginRight: isFocusMode ? "25%" : editorMargins,
             marginLeft: isFocusMode ? "25%" : editorMargins,