Use form-control to display box-shadow on form inputs/selects upon focus

1 files changed, 3 insertions, 3 deletions

diff --git a/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.html b/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.html
index 29d2b935d..59ac5097b 100644
--- a/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.html
+++ b/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.html
@@ -33,7 +33,7 @@
         <div class="input-group">
           <input
             type="text" id="name" i18n-placeholder placeholder="Example: my_channel"
-            formControlName="name" [ngClass]="{ 'input-error': formErrors['name'] }"
+            formControlName="name" [ngClass]="{ 'input-error': formErrors['name'] }" class="form-control"
           >
           <div class="input-group-append">
             <span class="input-group-text">@{{ instanceHost }}</span>
@@ -52,7 +52,7 @@
       <div class="form-group">
         <label i18n for="display-name">Display name</label>
         <input
-          type="text" id="display-name"
+          type="text" id="display-name" class="form-control"
           formControlName="display-name" [ngClass]="{ 'input-error': formErrors['display-name'] }"
         >
         <div *ngIf="formErrors['display-name']" class="form-error">
@@ -63,7 +63,7 @@
       <div class="form-group">
         <label i18n for="description">Description</label>
         <textarea
-          id="description" formControlName="description"
+          id="description" formControlName="description" class="form-control"
           [ngClass]="{ 'input-error': formErrors['description'] }"
         ></textarea>
         <div *ngIf="formErrors.description" class="form-error">