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: [