From 2d2fc4033e567b643df2f31cd59af23df63162e7 Mon Sep 17 00:00:00 2001
From: thecodrr <thecodrr@protonmail.com>
Date: Thu, 7 Jan 2021 14:07:25 +0500
Subject: [PATCH] fix: stretch editor on smaller screens

---
 apps/web/src/components/editor/index.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

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,