diff --git a/src/Inc.TeamAssistant.Stories/Components/Forms/InputMultiLines.stories.razor b/src/Inc.TeamAssistant.Stories/Components/Forms/InputMultiLines.stories.razor
new file mode 100644
index 00000000..6216edc8
--- /dev/null
+++ b/src/Inc.TeamAssistant.Stories/Components/Forms/InputMultiLines.stories.razor
@@ -0,0 +1,23 @@
+@attribute [Stories("Components/Forms/InputMultiLines")]
+
+<Stories TComponent="InputMultiLines" Layout="typeof(DarkLayout)">
+    <Story Name="Default">
+        <Template>
+            <InputMultiLines FieldId="@_fieldId" @bind-Value="Text" @attributes="context.Args" />
+        </Template>
+    </Story>
+    <Story Name="Disabled">
+        <Arguments>
+            <Arg For="c => c.IsDisabled" Value="true" />
+        </Arguments>
+        <Template>
+            <InputMultiLines FieldId="@_fieldId" @bind-Value="Text" @attributes="context.Args"/>
+        </Template>
+    </Story>
+</Stories>
+
+@code {
+    private readonly string _fieldId = "input-multilines";
+    
+    public string Text { get; set; } = "Text";
+}
\ No newline at end of file
diff --git a/src/Inc.TeamAssistant.Stories/Components/Forms/InputSingleLine.stories.razor b/src/Inc.TeamAssistant.Stories/Components/Forms/InputSingleLine.stories.razor
new file mode 100644
index 00000000..0ba9cbcb
--- /dev/null
+++ b/src/Inc.TeamAssistant.Stories/Components/Forms/InputSingleLine.stories.razor
@@ -0,0 +1,23 @@
+@attribute [Stories("Components/Forms/InputSingleLine")]
+
+<Stories TComponent="InputSingleLine" Layout="typeof(DarkLayout)">
+    <Story Name="Default">
+        <Template>
+            <InputSingleLine FieldId="@_fieldId" @bind-Value="Text" @attributes="context.Args" />
+        </Template>
+    </Story>
+    <Story Name="Disabled">
+        <Arguments>
+            <Arg For="c => c.IsDisabled" Value="true" />
+        </Arguments>
+        <Template>
+            <InputSingleLine FieldId="@_fieldId" @bind-Value="Text" @attributes="context.Args"/>
+        </Template>
+    </Story>
+</Stories>
+
+@code {
+    private readonly string _fieldId = "input-multilines";
+    
+    public string Text { get; set; } = "Text";
+}
\ No newline at end of file
diff --git a/src/Inc.TeamAssistant.WebUI/Components/InputMultiLines.razor b/src/Inc.TeamAssistant.WebUI/Components/InputMultiLines.razor
new file mode 100644
index 00000000..0233d6f9
--- /dev/null
+++ b/src/Inc.TeamAssistant.WebUI/Components/InputMultiLines.razor
@@ -0,0 +1,32 @@
+@inherits InputBase<string>
+
+<div>
+    @if (IsDisabled)
+    {
+        <InputTextArea
+            @bind-Value="Value"
+            class="form-control form-control_multilines form-control_disabled"
+            id="@FieldId"
+            disabled="disabled" />
+    }
+    else
+    {
+        <InputTextArea
+            @bind-Value="Value"
+            class="form-control form-control_multilines form-control_enabled"
+            id="@FieldId" />
+    }
+</div>
+
+@code {
+    [Parameter, EditorRequired]
+    public string FieldId { get; set; } = string.Empty;
+    
+    [Parameter]
+    public bool IsDisabled { get; set; }
+
+    protected override bool TryParseValueFromString(string? value, out string result, out string validationErrorMessage)
+    {
+        throw new NotImplementedException();
+    }
+}
\ No newline at end of file
diff --git a/src/Inc.TeamAssistant.WebUI/Components/InputMultiLines.razor.css b/src/Inc.TeamAssistant.WebUI/Components/InputMultiLines.razor.css
new file mode 100644
index 00000000..e88b6d2a
--- /dev/null
+++ b/src/Inc.TeamAssistant.WebUI/Components/InputMultiLines.razor.css
@@ -0,0 +1,20 @@
+::deep .form-control {
+    width: 100%;
+    padding: .625rem .3125rem;
+    border: 3px solid #555;
+    border-radius: 0;
+    color: #000;
+    background-color: #dfdfdf;
+    transition: border 0.3s;
+}
+::deep .form-control_multilines {
+    resize: none;
+    height: 102px;
+}
+::deep .form-control:focus, .form-control_enabled:hover {
+    border: 3px solid #000;
+}
+::deep .form-control_disabled {
+    background-color: #aaa;
+    cursor: default;
+}
\ No newline at end of file
diff --git a/src/Inc.TeamAssistant.WebUI/Components/InputMultiSelectList.razor.css b/src/Inc.TeamAssistant.WebUI/Components/InputMultiSelectList.razor.css
index 2a5c5afd..d3bb8336 100644
--- a/src/Inc.TeamAssistant.WebUI/Components/InputMultiSelectList.razor.css
+++ b/src/Inc.TeamAssistant.WebUI/Components/InputMultiSelectList.razor.css
@@ -1,3 +1,19 @@
+.form-control {
+    width: 100%;
+    padding: .625rem .3125rem;
+    border: 3px solid #555;
+    border-radius: 0;
+    color: #000;
+    background-color: #dfdfdf;
+    transition: border 0.3s;
+}
+.form-control:focus, .form-control_enabled:hover {
+    border: 3px solid #000;
+}
+.form-control_disabled {
+    background-color: #aaa;
+    cursor: default;
+}
 .multiselect__item {
     display: inline-block;
     padding: 5px;
diff --git a/src/Inc.TeamAssistant.WebUI/Components/InputSelectList.razor b/src/Inc.TeamAssistant.WebUI/Components/InputSelectList.razor
index 8ec778d9..83c29cd4 100644
--- a/src/Inc.TeamAssistant.WebUI/Components/InputSelectList.razor
+++ b/src/Inc.TeamAssistant.WebUI/Components/InputSelectList.razor
@@ -3,42 +3,44 @@
 
 @inherits InputBase<TValue>
 
-@if (IsDisabled)
-{
-    <InputSelect
-        id="@FieldId"
-        Value="_value"
-        ValueExpression="@(() => _value)"
-        class="form-control form-control_select-list form-control_disabled"
-        disabled="disabled">
-        @if (HasEmptyValue)
-        {
-            <option value=""></option>
-        }
-        @foreach (var item in Items)
-        {
-            <option value="@ValueSelector(item)">@TitleSelector(item)</option>
-        }
-    </InputSelect>
-}
-else
-{
-    <InputSelect
-        id="@FieldId"
-        Value="_value"
-        ValueExpression="@(() => _value)"
-        ValueChanged="@((TValue? v) => SetCurrentValue(v))"
-        class="@($"form-control form-control_select-list form-control_enabled {CssClass} {ParentCssClass}")">
-        @if (HasEmptyValue)
-        {
-            <option value=""></option>
-        }
-        @foreach (var item in Items)
-        {
-            <option value="@ValueSelector(item)">@TitleSelector(item)</option>
-        }
-    </InputSelect>
-}
+<div>
+    @if (IsDisabled)
+    {
+        <InputSelect
+            id="@FieldId"
+            Value="_value"
+            ValueExpression="@(() => _value)"
+            class="form-control form-control_select-list form-control_disabled"
+            disabled="disabled">
+            @if (HasEmptyValue)
+            {
+                <option value=""></option>
+            }
+            @foreach (var item in Items)
+            {
+                <option value="@ValueSelector(item)">@TitleSelector(item)</option>
+            }
+        </InputSelect>
+    }
+    else
+    {
+        <InputSelect
+            id="@FieldId"
+            Value="_value"
+            ValueExpression="@(() => _value)"
+            ValueChanged="@((TValue? v) => SetCurrentValue(v))"
+            class="@($"form-control form-control_select-list form-control_enabled {CssClass} {ParentCssClass}")">
+            @if (HasEmptyValue)
+            {
+                <option value=""></option>
+            }
+            @foreach (var item in Items)
+            {
+                <option value="@ValueSelector(item)">@TitleSelector(item)</option>
+            }
+        </InputSelect>
+    }
+</div>
 
 @code {
     [Parameter, EditorRequired]
diff --git a/src/Inc.TeamAssistant.WebUI/Components/InputSelectList.razor.css b/src/Inc.TeamAssistant.WebUI/Components/InputSelectList.razor.css
new file mode 100644
index 00000000..740fea2a
--- /dev/null
+++ b/src/Inc.TeamAssistant.WebUI/Components/InputSelectList.razor.css
@@ -0,0 +1,23 @@
+::deep .form-control {
+    width: 100%;
+    padding: .625rem .3125rem;
+    border: 3px solid #555;
+    border-radius: 0;
+    color: #000;
+    background-color: #dfdfdf;
+    transition: border 0.3s;
+}
+::deep .form-control:focus, .form-control_enabled:hover {
+    border: 3px solid #000;
+}
+::deep .form-control_disabled {
+    background-color: #aaa;
+    cursor: default;
+}
+::deep .form-control_select-list {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    background: #dfdfdf url('imgs/arrow-down.png') calc(100% - 5px) center no-repeat;
+    padding-right: 20px;
+}
\ No newline at end of file
diff --git a/src/Inc.TeamAssistant.WebUI/Components/InputSingleLine.razor b/src/Inc.TeamAssistant.WebUI/Components/InputSingleLine.razor
new file mode 100644
index 00000000..ec9dd281
--- /dev/null
+++ b/src/Inc.TeamAssistant.WebUI/Components/InputSingleLine.razor
@@ -0,0 +1,32 @@
+@inherits InputBase<string>
+
+<div>
+    @if (IsDisabled)
+    {
+        <InputText
+            @bind-Value="Value"
+            class="form-control form-control_disabled"
+            id="@FieldId"
+            disabled="disabled" />
+    }
+    else
+    {
+        <InputText
+            @bind-Value="Value"
+            class="form-control form-control_enabled"
+            id="@FieldId" />
+    }
+</div>
+
+@code {
+    [Parameter, EditorRequired]
+    public string FieldId { get; set; } = string.Empty;
+    
+    [Parameter]
+    public bool IsDisabled { get; set; }
+    
+    protected override bool TryParseValueFromString(string? value, out string result, out string validationErrorMessage)
+    {
+        throw new NotImplementedException();
+    }
+}
\ No newline at end of file
diff --git a/src/Inc.TeamAssistant.WebUI/Components/InputSingleLine.razor.css b/src/Inc.TeamAssistant.WebUI/Components/InputSingleLine.razor.css
new file mode 100644
index 00000000..101624af
--- /dev/null
+++ b/src/Inc.TeamAssistant.WebUI/Components/InputSingleLine.razor.css
@@ -0,0 +1,16 @@
+::deep .form-control {
+    width: 100%;
+    padding: .625rem .3125rem;
+    border: 3px solid #555;
+    border-radius: 0;
+    color: #000;
+    background-color: #dfdfdf;
+    transition: border 0.3s;
+}
+::deep .form-control:focus, .form-control_enabled:hover {
+    border: 3px solid #000;
+}
+::deep .form-control_disabled {
+    background-color: #aaa;
+    cursor: default;
+}
\ No newline at end of file
diff --git a/src/Inc.TeamAssistant.WebUI/Features/AcceptCookieDialog.razor b/src/Inc.TeamAssistant.WebUI/Features/AcceptCookieDialog.razor
index dd15a02b..954e9f95 100644
--- a/src/Inc.TeamAssistant.WebUI/Features/AcceptCookieDialog.razor
+++ b/src/Inc.TeamAssistant.WebUI/Features/AcceptCookieDialog.razor
@@ -34,7 +34,7 @@
         {
             _cookieModule = await JsRuntime.InvokeAsync<IJSObjectReference>(
                 "import",
-                "./Features/Dialogs/AcceptCookieDialog.razor.js");
+                "./Features/AcceptCookieDialog.razor.js");
 
             var rightsValue = await _cookieModule.InvokeAsync<string>("readCookie", _rightsCookieName);
             if (!_rightsCookieValue.Equals(rightsValue, StringComparison.InvariantCultureIgnoreCase))
diff --git a/src/Inc.TeamAssistant.WebUI/Features/AssessmentSession/AssessmentSessionHistoryPage.razor b/src/Inc.TeamAssistant.WebUI/Features/AssessmentSession/AssessmentSessionHistoryPage.razor
index ecbba0c1..fc735fec 100644
--- a/src/Inc.TeamAssistant.WebUI/Features/AssessmentSession/AssessmentSessionHistoryPage.razor
+++ b/src/Inc.TeamAssistant.WebUI/Features/AssessmentSession/AssessmentSessionHistoryPage.razor
@@ -18,7 +18,7 @@
     <div class="assessment-history-header">
         <div class="assessment-history-header__container">
             <Breadcrumbs Items="_breadcrumbs" />
-            <h1 class="title">@Resources[Messages.GUI_StoryList]</h1>
+            <h1 class="assessment-history__title">@Resources[Messages.GUI_StoryList]</h1>
         </div>
     </div>
     <div class="assessment-history-switcher">
diff --git a/src/Inc.TeamAssistant.WebUI/Features/AssessmentSession/AssessmentSessionHistoryPage.razor.css b/src/Inc.TeamAssistant.WebUI/Features/AssessmentSession/AssessmentSessionHistoryPage.razor.css
index 05f94c89..86bdd0c3 100644
--- a/src/Inc.TeamAssistant.WebUI/Features/AssessmentSession/AssessmentSessionHistoryPage.razor.css
+++ b/src/Inc.TeamAssistant.WebUI/Features/AssessmentSession/AssessmentSessionHistoryPage.razor.css
@@ -17,6 +17,10 @@
 .assessment-history-switcher {
     padding-top: 20px;
 }
+.assessment-history__title {
+    font-size: 2.4rem;
+    line-height: 3.4rem;
+}
 ::deep .loading {
     height: calc(100vh - 400px);
 }
\ No newline at end of file
diff --git a/src/Inc.TeamAssistant.WebUI/Features/AssessmentSession/AssessmentSessionPage.razor b/src/Inc.TeamAssistant.WebUI/Features/AssessmentSession/AssessmentSessionPage.razor
index c1facfde..0d991831 100644
--- a/src/Inc.TeamAssistant.WebUI/Features/AssessmentSession/AssessmentSessionPage.razor
+++ b/src/Inc.TeamAssistant.WebUI/Features/AssessmentSession/AssessmentSessionPage.razor
@@ -23,11 +23,11 @@
             <div class="assessment-session__header">
                 <div class="assessment-session__about">
                     <Breadcrumbs Items="_breadcrumbs" />
-                    <h1 class="title">@Resources[Messages.GUI_TaskAssess]</h1>
-                    <p class="assessment-session__text text">
+                    <h1 class="assessment-session__title">@Resources[Messages.GUI_TaskAssess]</h1>
+                    <p class="assessment-session__text">
                         @string.Format(Resources[Messages.GUI_AssessmentSessionAbout], _item.TeamName)
                     </p>
-                    <p class="assessment-session__text text">@Resources[Messages.GUI_AssessmentSessionConnect]</p>
+                    <p class="assessment-session__text">@Resources[Messages.GUI_AssessmentSessionConnect]</p>
                 </div>
                 <div class="assessment-session__link">
                     <Loading State="_state" IsDark="true" Retry="() => Load()">
diff --git a/src/Inc.TeamAssistant.WebUI/Features/AssessmentSession/AssessmentSessionPage.razor.css b/src/Inc.TeamAssistant.WebUI/Features/AssessmentSession/AssessmentSessionPage.razor.css
index b7473b0c..44f2715a 100644
--- a/src/Inc.TeamAssistant.WebUI/Features/AssessmentSession/AssessmentSessionPage.razor.css
+++ b/src/Inc.TeamAssistant.WebUI/Features/AssessmentSession/AssessmentSessionPage.razor.css
@@ -24,11 +24,17 @@
     margin: 0 0 0 40px;
 }
 .assessment-session__text {
+    font-size: 1.2rem;
+    line-height: 1.6rem;
     margin-top: 10px;
 }
 .assessment-session-switcher {
     padding-top: 20px;
 }
+.assessment-session__title {
+    font-size: 2.4rem;
+    line-height: 3.4rem;
+}
 ::deep .no-data {
     height: calc(100vh - 640px);
 }
diff --git a/src/Inc.TeamAssistant.WebUI/Features/Constructor/ConstructorPage.razor b/src/Inc.TeamAssistant.WebUI/Features/Constructor/ConstructorPage.razor
index 092dcf85..5ac6ecff 100644
--- a/src/Inc.TeamAssistant.WebUI/Features/Constructor/ConstructorPage.razor
+++ b/src/Inc.TeamAssistant.WebUI/Features/Constructor/ConstructorPage.razor
@@ -12,7 +12,7 @@
 
 <div class="constructor">
     <div class="constructor__container">
-        <h1 class="title">@Resources[Messages.Constructor_Title]</h1>
+        <h1 class="constructor__title">@Resources[Messages.Constructor_Title]</h1>
         <AuthorizeView>
             <Authorized>
                 <p class="text constructor__text">@Resources[Messages.Constructor_SelectBotText]</p>
diff --git a/src/Inc.TeamAssistant.WebUI/Features/Constructor/ConstructorPage.razor.css b/src/Inc.TeamAssistant.WebUI/Features/Constructor/ConstructorPage.razor.css
index 749fd493..97dc76e3 100644
--- a/src/Inc.TeamAssistant.WebUI/Features/Constructor/ConstructorPage.razor.css
+++ b/src/Inc.TeamAssistant.WebUI/Features/Constructor/ConstructorPage.razor.css
@@ -3,4 +3,8 @@
 }
 .constructor__text {
     margin: 40px 0;
+}
+.constructor__title {
+    font-size: 2.4rem;
+    line-height: 3.4rem;
 }
\ No newline at end of file
diff --git a/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/Stage1/CheckBot.razor b/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/Stage1/CheckBot.razor
index 3278c58d..7bb20eb9 100644
--- a/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/Stage1/CheckBot.razor
+++ b/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/Stage1/CheckBot.razor
@@ -26,7 +26,7 @@
                         FieldId="bot-token"
                         Label="@Resources[Messages.Constructor_FormSectionTokenFieldTokenLabel]">
                         <Content>
-                            <InputText @bind-Value="_formModel.Token" class="form-control form-control_enabled" id="bot-token"/>
+                            <InputSingleLine FieldId="bot-token" @bind-Value="_formModel.Token" />
                             <ValidationMessage For="@(() => _formModel.Token)"/>
                         </Content>
                     </FormFieldSet>
@@ -34,11 +34,10 @@
                         FieldId="bot-username"
                         Label="@Resources[Messages.Constructor_FormSectionTokenFieldUserNameLabel]">
                         <Content>
-                            <InputText
+                            <InputSingleLine
+                                FieldId="bot-username"
                                 @bind-Value="_formModel.UserName"
-                                class="form-control form-control_disabled"
-                                id="bot-username"
-                                disabled="disabled"/>
+                                IsDisabled="true" />
                             <ValidationMessage For="@(() => _formModel.UserName)"/>
                         </Content>
                     </FormFieldSet>
diff --git a/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/Stage2/FeatureCard.razor.css b/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/Stage2/FeatureCard.razor.css
index f06b7613..40ef84d9 100644
--- a/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/Stage2/FeatureCard.razor.css
+++ b/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/Stage2/FeatureCard.razor.css
@@ -2,6 +2,7 @@
     margin-bottom: 20px;
     background-color: #555;
     width: 100%;
+    cursor: grab;
 }
 .feature-card__name {
     font-size: 1.1rem;
diff --git a/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/Stage2/InputFeatures.razor.css b/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/Stage2/InputFeatures.razor.css
index c1b683dd..c1494500 100644
--- a/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/Stage2/InputFeatures.razor.css
+++ b/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/Stage2/InputFeatures.razor.css
@@ -1,3 +1,12 @@
+.form-control {
+    width: 100%;
+    padding: .625rem .3125rem;
+    border: 3px solid #555;
+    border-radius: 0;
+    color: #000;
+    background-color: #dfdfdf;
+    transition: border 0.3s;
+}
 .can-drop {
     border: 3px dashed #555;
 }
@@ -25,6 +34,9 @@
 .form-control_enabled:hover .input-features__text {
     color: #000;
 }
+.form-control:focus, .form-control_enabled:hover {
+    border: 3px solid #000;
+}
 @media (max-width: 991.98px) {
     .input-features__items {
         flex: 0 1 100%;
diff --git a/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/Stage3/BotDetailsItemEditor.razor b/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/Stage3/BotDetailsItemEditor.razor
index 5d67c22e..a2cbc880 100644
--- a/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/Stage3/BotDetailsItemEditor.razor
+++ b/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/Stage3/BotDetailsItemEditor.razor
@@ -4,10 +4,7 @@
     FieldId="@BotNameId"
     Label="@MessageWithLanguage(Resources[Messages.Constructor_BotName], Item.LanguageId)">
     <Content>
-            <InputText
-                @bind-Value="Item.Name"
-                class="form-control form-control_enabled"
-                id="@BotNameId" />
+        <InputSingleLine FieldId="@BotNameId" @bind-Value="Item.Name" />
         <ValidationMessage For="@(() => Item.Name)"/>
     </Content>
 </FormFieldSet>
@@ -15,10 +12,7 @@
     FieldId="@BotShortDescriptionId"
     Label="@MessageWithLanguage(Resources[Messages.Constructor_BotShortDescription], Item.LanguageId)">
     <Content>
-            <InputText
-                @bind-Value="Item.ShortDescription"
-                class="form-control form-control_enabled"
-                id="@BotShortDescriptionId" />
+        <InputSingleLine FieldId="@BotShortDescriptionId" @bind-Value="Item.ShortDescription" />
         <ValidationMessage For="@(() => Item.ShortDescription)"/>
     </Content>
 </FormFieldSet>
@@ -26,10 +20,7 @@
     FieldId="@BotDescriptionId"
     Label="@MessageWithLanguage(Resources[Messages.Constructor_BotDescription], Item.LanguageId)">
     <Content>
-        <InputTextArea
-            @bind-Value="Item.Description"
-            class="form-control form-control_enabled form-control_textarea"
-            id="@BotDescriptionId" />
+        <InputMultiLines FieldId="@BotDescriptionId" @bind-Value="Item.Description" />
         <ValidationMessage For="@(() => Item.Description)"/>
     </Content>
 </FormFieldSet>
diff --git a/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/Stage4/Complete.razor b/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/Stage4/Complete.razor
index f97244a7..94d2559f 100644
--- a/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/Stage4/Complete.razor
+++ b/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/Stage4/Complete.razor
@@ -30,11 +30,10 @@
                                     FieldId="bot-username"
                                     Label="@Resources[Messages.Constructor_FormSectionTokenFieldUserNameLabel]">
                                     <Content>
-                                        <InputText
+                                        <InputSingleLine
+                                            FieldId="bot-username"
                                             @bind-Value="_formModel.UserName"
-                                            class="form-control form-control_disabled"
-                                            id="bot-username"
-                                            disabled="disabled"/>
+                                            IsDisabled="true" />
                                     </Content>
                                 </FormFieldSet>
                             </Content>
@@ -57,12 +56,10 @@
                                         FieldId="@fieldId"
                                         Label="@FeaturesFactory.CreateName(feature.Name)">
                                         <Content>
-                                            <input
-                                                type="text"
-                                                id="@fieldId"
-                                                value="@selected"
-                                                class="form-control form-control_disabled"
-                                                disabled="disabled"/>
+                                            <InputSingleLine
+                                                FieldId="@fieldId"
+                                                @bind-Value="selected"
+                                                IsDisabled="true" />
                                         </Content>
                                     </FormFieldSet>
                                 }
@@ -87,17 +84,16 @@
                                             var property = _formModel.Properties.SingleOrDefault(p => p.Key.Equals(
                                                 settingItem.PropertyName,
                                                 StringComparison.InvariantCultureIgnoreCase));
+                                            var propertyValueAsString = GetValueAsText(settingItem, property.Value);
 
                                             <FormFieldSet
                                                 FieldId="@settingItem.PropertyName"
                                                 Label="@Resources[settingItem.LabelMessageId]">
                                                 <Content>
-                                                    <input
-                                                        type="text"
-                                                        id="@settingItem.PropertyName"
-                                                        value="@GetValueAsText(settingItem, property.Value)"
-                                                        class="form-control form-control_disabled"
-                                                        disabled="disabled"/>
+                                                    <InputSingleLine
+                                                        FieldId="@settingItem.PropertyName"
+                                                        @bind-Value="propertyValueAsString"
+                                                        IsDisabled="true" />
                                                 </Content>
                                             </FormFieldSet>
                                         }
diff --git a/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/StagesPage.razor b/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/StagesPage.razor
index 8a71b183..05611893 100644
--- a/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/StagesPage.razor
+++ b/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/StagesPage.razor
@@ -27,7 +27,7 @@
         <div class="constructor__nav">
             <NavigationStages Current="_currentState" MoveToNext="MoveToNext" />
         </div>
-        <h1 class="constructor__title title">@Resources[Messages.Constructor_Title] @BotName</h1>
+        <h1 class="constructor__title">@Resources[Messages.Constructor_Title] @BotName</h1>
         @if (RenderContext.IsBrowser)
         {
             <Loading State="_state" Retry="Load">
diff --git a/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/StagesPage.razor.css b/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/StagesPage.razor.css
index 14532ecc..edfdf5d8 100644
--- a/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/StagesPage.razor.css
+++ b/src/Inc.TeamAssistant.WebUI/Features/Constructor/Stages/StagesPage.razor.css
@@ -5,6 +5,8 @@
     margin-bottom: 30px;
 }
 .constructor__title {
+    font-size: 2.4rem;
+    line-height: 3.4rem;
     padding: 0 10px;
     word-break: break-all;
 }
\ No newline at end of file
diff --git a/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Appraiser/AppraiserIntegrationWidget.razor b/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Appraiser/AppraiserIntegrationWidget.razor
index 79cebbf1..e941b27f 100644
--- a/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Appraiser/AppraiserIntegrationWidget.razor
+++ b/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Appraiser/AppraiserIntegrationWidget.razor
@@ -23,32 +23,20 @@
                                     FieldId="access-token"
                                     Label="@Resources[Messages.Dashboard_AppraiserIntegrationAccessTokenLabel]">
                                     <Content>
-                                        <InputText
+                                        <InputSingleLine
+                                            FieldId="access-token"
                                             @bind-Value="_formModel.AccessToken"
-                                            class="form-control form-control_disabled"
-                                            id="access-token"
-                                            disabled="disabled"/>
+                                            IsDisabled="true"/>
                                     </Content>
                                 </FormFieldSet>
                                 <FormFieldSet
                                     FieldId="project-key"
                                     Label="@Resources[Messages.Dashboard_AppraiserIntegrationProjectKeyLabel]">
                                     <Content>
-                                        @if (_formModel.HasManagerAccess)
-                                        {
-                                            <InputText
-                                                @bind-Value="_formModel.ProjectKey"
-                                                class="form-control form-control_enabled"
-                                                id="project-key"/>
-                                        }
-                                        else
-                                        {
-                                            <InputText
-                                                @bind-Value="_formModel.ProjectKey"
-                                                class="form-control form-control_disabled"
-                                                id="project-key"
-                                                disabled="disabled"/>
-                                        }
+                                        <InputSingleLine
+                                            FieldId="project-key"
+                                            @bind-Value="_formModel.ProjectKey"
+                                            IsDisabled="!_formModel.HasManagerAccess"/>
                                         <ValidationMessage For="@(() => _formModel.ProjectKey)"/>
                                     </Content>
                                 </FormFieldSet>
diff --git a/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Reviewer/ReviewHistoryWidget.razor.css b/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Reviewer/ReviewHistoryWidget.razor.css
index 801eb4a8..b8e5010d 100644
--- a/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Reviewer/ReviewHistoryWidget.razor.css
+++ b/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Reviewer/ReviewHistoryWidget.razor.css
@@ -4,6 +4,9 @@
 .task__time {
     word-break: keep-all;
 }
+.hint {
+    cursor: context-menu;
+}
 ::deep .no-data {
     height: 100%;
 }
\ No newline at end of file
diff --git a/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Settings/DashboardSettings.razor b/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Settings/DashboardSettings.razor
index 14829cf4..62d703de 100644
--- a/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Settings/DashboardSettings.razor
+++ b/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Settings/DashboardSettings.razor
@@ -25,7 +25,7 @@
                                     var isVisibleId = "is-visible-" + current.Type;
 
                                     <div
-                                        class="widget-settings__item draggable"
+                                        class="widget-settings__item"
                                         title="@FeatureHelp(current)"
                                         draggable="true"
                                         ondragover="event.preventDefault();"
diff --git a/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Settings/DashboardSettings.razor.css b/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Settings/DashboardSettings.razor.css
index cf357351..0a27e68b 100644
--- a/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Settings/DashboardSettings.razor.css
+++ b/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Settings/DashboardSettings.razor.css
@@ -14,6 +14,7 @@
     align-items: center;
     transition: border 0.3s;
     gap: 10px;
+    cursor: grab;
 }
 .widget-settings_no-drag .widget-settings__item {
     border: 3px #555 solid;
diff --git a/src/Inc.TeamAssistant.WebUI/wwwroot/css/main.css b/src/Inc.TeamAssistant.WebUI/wwwroot/css/main.css
index 9bb06336..7ff93f0b 100644
--- a/src/Inc.TeamAssistant.WebUI/wwwroot/css/main.css
+++ b/src/Inc.TeamAssistant.WebUI/wwwroot/css/main.css
@@ -118,31 +118,7 @@ html {
     float: left;
     margin: 0 10px 10px 0;
 }
-/* FORMS */
-.form-control {
-    width: 100%;
-    padding: 10px 5px;
-    border: 3px solid #555;
-    border-radius: 0;
-    color: #000;
-    background-color: #dfdfdf;
-    transition: border 0.3s;
-}
-.form-control {
-    min-height: 45px;
-    font-size: 1rem;
-}
-.form-control:focus, .form-control_enabled:hover {
-    border: 3px solid #000;
-}
-.form-control_disabled {
-    background-color: #aaa;
-    cursor: default;
-}
-.form-control_textarea {
-    resize: none;
-    height: 102px;
-}
+/* VALIDATION */
 .form-control_is-valid {
     border: 3px solid #28a745;
 }
@@ -154,28 +130,6 @@ html {
     font-size: 1rem;
     color: #dc3545;
 }
-.form-control_select-list {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-    background: #dfdfdf url('../imgs/arrow-down.png') calc(100% - 5px) center no-repeat;
-    padding-right: 20px;
-}
-/* ROOT COMPONENTS */
-.title {
-    font-size: 2.4rem;
-    line-height: 3.4rem;
-}
-.text {
-    font-size: 1.2rem;
-    line-height: 1.6rem;
-}
-.draggable {
-    cursor: grab;
-}
-.hint {
-    cursor: context-menu;
-}
 /* GRID */
 .quick-data-grid {
     width: 100%;