diff --git a/src/Money.Blazor.Host/Components/Bootstrap/Modal.razor b/src/Money.Blazor.Host/Components/Bootstrap/Modal.razor
index 635d48a4..ef03cf09 100644
--- a/src/Money.Blazor.Host/Components/Bootstrap/Modal.razor
+++ b/src/Money.Blazor.Host/Components/Bootstrap/Modal.razor
@@ -3,7 +3,7 @@
         <form @onsubmit="@OnFormSubmit" @onsubmit:preventDefault="true">
             <div class="modal-content">
                 <div class="modal-header">
-                    <h4 class="modal-title">
+                    <h4 class="modal-title text-truncate">
                         @if (!String.IsNullOrEmpty(TitleIcon))
                         {
                             <Icon Identifier="@TitleIcon" class="mr-1" />
diff --git a/src/Money.Blazor.Host/Components/ExpenseTemplateCreate.razor b/src/Money.Blazor.Host/Components/ExpenseTemplateCreate.razor
index 3dd4117a..b1e27555 100644
--- a/src/Money.Blazor.Host/Components/ExpenseTemplateCreate.razor
+++ b/src/Money.Blazor.Host/Components/ExpenseTemplateCreate.razor
@@ -1,6 +1,6 @@
 @inherits ModalDialog
 
-<Modal @ref="Modal" Title="Create a new Expense Template">
+<Modal @ref="Modal" Title="Create a new Expense Template" IsOverflow="true">
     <ChildContent>
         <Validation ErrorMessages="@ErrorMessages" />
         <div class="form-row">