4 files changed, 10 insertions, 10 deletions

diff --git a/client/src/app/+signup/+register/steps/register-step-user.component.html b/client/src/app/+signup/+register/steps/register-step-user.component.html
index 3e0d35006..e978caea8 100644
--- a/client/src/app/+signup/+register/steps/register-step-user.component.html
+++ b/client/src/app/+signup/+register/steps/register-step-user.component.html
@@ -15,7 +15,7 @@
       <div class="input-group">
         <input
           type="text" id="displayName" i18n-placeholder placeholder="Example: John Doe"
-          formControlName="displayName" [ngClass]="{ 'input-error': formErrors['displayName'] }"
+          formControlName="displayName" class="form-control" [ngClass]="{ 'input-error': formErrors['displayName'] }"
         >
       </div>
 
diff --git a/client/src/app/+videos/+video-edit/video-add-components/video-send.scss b/client/src/app/+videos/+video-edit/video-add-components/video-send.scss
index 594999d66..ed46fefb0 100644
--- a/client/src/app/+videos/+video-edit/video-add-components/video-send.scss
+++ b/client/src/app/+videos/+video-edit/video-add-components/video-send.scss
@@ -17,7 +17,7 @@ $width-size: 250px;
   align-items: center;
 
   .upload-icon {
-    @include apply-svg-color($input-border-color);
+    @include apply-svg-color(pvar(--inputBorderColor));
 
     width: 90px;
     margin-bottom: 25px;
diff --git a/client/src/app/+videos/+video-watch/shared/comment/video-comment-add.component.scss b/client/src/app/+videos/+video-watch/shared/comment/video-comment-add.component.scss
index 023d625e9..ac228bafa 100644
--- a/client/src/app/+videos/+video-watch/shared/comment/video-comment-add.component.scss
+++ b/client/src/app/+videos/+video-watch/shared/comment/video-comment-add.component.scss
@@ -56,8 +56,8 @@ form {
       width: $markdown-icon-width;
 
       svg {
-        color: $input-border-color;
-        fill: $input-border-color;
+        color: pvar(--inputBorderColor);
+        fill: pvar(--inputBorderColor);
         border-radius: 3px;
       }
     }
@@ -66,7 +66,7 @@ form {
     &:active,
     &:hover {
       my-global-icon svg {
-        background-color: $input-border-color;
+        background-color: pvar(--inputBorderColor);
         color: pvar(--mainBackgroundColor);
         fill: pvar(--mainBackgroundColor);
       }
diff --git a/client/src/app/shared/shared-forms/markdown-textarea.component.scss b/client/src/app/shared/shared-forms/markdown-textarea.component.scss
index c68c2c241..bbb266448 100644
--- a/client/src/app/shared/shared-forms/markdown-textarea.component.scss
+++ b/client/src/app/shared/shared-forms/markdown-textarea.component.scss
@@ -25,8 +25,8 @@ $input-border-radius: 3px;
   .nav-preview {
     padding: 10px;
 
-    border: 1px solid $input-border-color;
-    border-top: 1px dashed $input-border-color;
+    border: 1px solid pvar(--inputBorderColor);
+    border-top: 1px dashed pvar(--inputBorderColor);
 
     border-bottom-right-radius: $input-border-radius;
     border-bottom-left-radius: $input-border-radius;
@@ -72,7 +72,7 @@ $input-border-radius: 3px;
     overflow-y: auto;
     word-wrap: break-word;
 
-    border: 1px solid $input-border-color;
+    border: 1px solid pvar(--inputBorderColor);
     border-top: 0;
 
     border-bottom-left-radius: $input-border-radius;
@@ -115,7 +115,7 @@ $input-border-radius: 3px;
       grid-column: 1;
 
       border: 0;
-      border-right: 1px dashed $input-border-color;
+      border-right: 1px dashed pvar(--inputBorderColor);
 
       resize: none;
     }
@@ -155,7 +155,7 @@ $input-border-radius: 3px;
         grid-row: 2;
         grid-column: 1;
         border: 0;
-        border-bottom: 1px dashed $input-border-color;;
+        border-bottom: 1px dashed pvar(--inputBorderColor);;
       }
 
       ::ng-deep .tab-content {