diff --git a/SummerBestWebForm.Client/Pages/Home.razor b/SummerBestWebForm.Client/Pages/Home.razor
index 187a25f..41a9605 100644
--- a/SummerBestWebForm.Client/Pages/Home.razor
+++ b/SummerBestWebForm.Client/Pages/Home.razor
@@ -200,8 +200,8 @@
                                     {
                                         <FormItem LabelText="Custom Signature">
                                             <Template>
-                                                <label for="CustomSignature" class="k-label k-form-label" style="text-align: center">Custom Message (max 30 character/line up to 4 lines):</label>
-                                                <TelerikTextBox Id="CustomSignature" @bind-Value="@customSignature" MaxLength="120" Width="700px"></TelerikTextBox>
+                                                <label for="CustomSignature" style="text-align: center">Custom Message (max 30 character/line up to 4 lines)</label><br />
+                                                <TelerikTextArea Id="CustomSignature" @bind-Value="@customSignature" Rows="4" Cols="35" MaxLength="120"></TelerikTextArea>
                                             </Template>                                            
                                         </FormItem>
                                     }
diff --git a/SummerBestWebForm/Components/App.razor b/SummerBestWebForm/Components/App.razor
index ad05c74..a7627e2 100644
--- a/SummerBestWebForm/Components/App.razor
+++ b/SummerBestWebForm/Components/App.razor
@@ -9,14 +9,14 @@
     <link rel="stylesheet" href="app.css" />
     <link rel="stylesheet" href="SummerBestWebForm.styles.css" />
     <link rel="icon" type="image/png" href="favicon.png" />
-    <HeadOutlet @rendermode="@RenderMode.InteractiveAuto" />
+    <HeadOutlet @rendermode="@RenderMode.InteractiveServer" />
 
     <link rel="stylesheet" href="https://blazor.cdn.telerik.com/blazor/6.2.0/kendo-theme-bootstrap/swatches/bootstrap-urban.css" />
     <script src="https://blazor.cdn.telerik.com/blazor/6.2.0/telerik-blazor.min.js" defer></script>
 </head>
 
 <body>
-    <Routes @rendermode="@RenderMode.InteractiveAuto" />
+    <Routes @rendermode="@RenderMode.InteractiveServer" />
     <script src="_framework/blazor.web.js"></script>
 </body>
 
