From bf848d5ef801173c04cb4a279aec08ffa25eb908 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Antoine=20Gagn=C3=A9?=
 <164199749+AntoGagne@users.noreply.github.com>
Date: Mon, 30 Sep 2024 02:03:35 -0400
Subject: [PATCH] Fixed input width in RadzenFormFields (#1715)

---
 Radzen.Blazor/themes/components/blazor/_form-field.scss | 4 ++++
 RadzenBlazorDemos/Pages/FormFieldTextBox.razor          | 8 ++++----
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/Radzen.Blazor/themes/components/blazor/_form-field.scss b/Radzen.Blazor/themes/components/blazor/_form-field.scss
index 82a2674b27a..5bdddf0da05 100644
--- a/Radzen.Blazor/themes/components/blazor/_form-field.scss
+++ b/Radzen.Blazor/themes/components/blazor/_form-field.scss
@@ -57,6 +57,10 @@ $form-field-helper-padding: 0 0.5rem !default;
 
         flex: 1;
     }
+    
+    & > input {
+        width: 100%;
+    }
 
     .rz-form-field-start,
     .rz-form-field-end {
diff --git a/RadzenBlazorDemos/Pages/FormFieldTextBox.razor b/RadzenBlazorDemos/Pages/FormFieldTextBox.razor
index 5ce61e35ac7..c70e4d699e7 100644
--- a/RadzenBlazorDemos/Pages/FormFieldTextBox.razor
+++ b/RadzenBlazorDemos/Pages/FormFieldTextBox.razor
@@ -1,22 +1,22 @@
 <RadzenRow AlignItems="AlignItems.End" Wrap="FlexWrap.Wrap" Gap="1rem" class="rz-p-sm-12">
     <RadzenColumn Size="12" SizeMD="6" SizeLG="3">
         <RadzenFormField Text="Outlined/Default" Style="width: 100%;">
-            <RadzenTextBox @bind-Value="@value" Style="width: 100%;" />
+            <RadzenTextBox @bind-Value="@value" />
         </RadzenFormField>
     </RadzenColumn>
     <RadzenColumn Size="12" SizeMD="6" SizeLG="3">
         <RadzenFormField Text="Text" Variant="Variant.Text" Style="width: 100%;">
-            <RadzenTextBox @bind-Value="@value" Style="width: 100%;" />
+            <RadzenTextBox @bind-Value="@value" />
         </RadzenFormField>
     </RadzenColumn>
     <RadzenColumn Size="12" SizeMD="6" SizeLG="3">
         <RadzenFormField Text="Flat" Variant="Variant.Flat" Style="width: 100%;">
-            <RadzenTextBox @bind-Value="@value" Style="width: 100%;" />
+            <RadzenTextBox @bind-Value="@value" />
         </RadzenFormField>
     </RadzenColumn>
     <RadzenColumn Size="12" SizeMD="6" SizeLG="3">
         <RadzenFormField Text="Filled" Variant="Variant.Filled" Style="width: 100%;">
-            <RadzenTextBox @bind-Value="@value" Style="width: 100%;" />
+            <RadzenTextBox @bind-Value="@value" />
         </RadzenFormField>
     </RadzenColumn>
 </RadzenRow>