From cf4b9ce8ee0c97109b6fda3013d86b4a7c97253b Mon Sep 17 00:00:00 2001
From: Prasad Walvekar <prasadwalvekar@users.noreply.github.com>
Date: Tue, 22 Jun 2021 20:02:22 +0530
Subject: [PATCH] Fix text widget alignment (#260)

---
 frontend/src/Editor/Components/Text.jsx      | 4 +++-
 frontend/src/Editor/Components/components.js | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Editor/Components/Text.jsx b/frontend/src/Editor/Components/Text.jsx
index 3cd4c71670..2894709264 100644
--- a/frontend/src/Editor/Components/Text.jsx
+++ b/frontend/src/Editor/Components/Text.jsx
@@ -35,7 +35,9 @@ export const Text = function Text({
   const computedStyles = {
     color,
     width,
-    height
+    height,
+    display: 'flex',
+    alignItems: 'center'
   };
 
   return (
diff --git a/frontend/src/Editor/Components/components.js b/frontend/src/Editor/Components/components.js
index eb33e9dbe3..dfbe248c29 100644
--- a/frontend/src/Editor/Components/components.js
+++ b/frontend/src/Editor/Components/components.js
@@ -460,8 +460,8 @@ export const componentTypes = [
       loadingState: { type: 'code', displayName: 'Show loading state' }
     },
     defaultSize: {
-      width: 210,
-      height: 24
+      width: 200,
+      height: 30
     },
     events: [