From 604ec5a9efc598b2e07c3ba1a2742fea29279da4 Mon Sep 17 00:00:00 2001
From: Shreyans Gandhi <shreyans.p.gandhi@gmail.com>
Date: Wed, 23 Aug 2023 06:53:12 -0700
Subject: [PATCH] fix: multiline textarea resizing for json input (#4463)

---
 .../EnvironmentVariantsModal/VariantForm/VariantForm.tsx    | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/EnvironmentVariantsModal/VariantForm/VariantForm.tsx b/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/EnvironmentVariantsModal/VariantForm/VariantForm.tsx
index fa16a51ac0..003bec88ec 100644
--- a/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/EnvironmentVariantsModal/VariantForm/VariantForm.tsx
+++ b/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/EnvironmentVariantsModal/VariantForm/VariantForm.tsx
@@ -86,8 +86,12 @@ const StyledFieldColumn = styled('div')(({ theme }) => ({
     },
 }));
 
-const StyledInput = styled(Input)(() => ({
+const StyledInput = styled(Input)(({ theme }) => ({
     width: '100%',
+    '& textarea': {
+        minHeight: theme.spacing(3),
+        resize: 'vertical',
+    },
 }));
 
 const StyledPercentageContainer = styled('div')(({ theme }) => ({