From c86bfb32791bff9e65df9240ae18d74f64cca8f3 Mon Sep 17 00:00:00 2001
From: Kevin <nderitukelvin19@gmail.com>
Date: Fri, 11 Feb 2022 14:51:31 +0300
Subject: [PATCH] Added css

---
 app/react/App/scss/elements/_controls.scss           | 6 +++++-
 app/react/Settings/components/CollectionSettings.tsx | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/react/App/scss/elements/_controls.scss b/app/react/App/scss/elements/_controls.scss
index be4ac77285..93d34580f7 100644
--- a/app/react/App/scss/elements/_controls.scss
+++ b/app/react/App/scss/elements/_controls.scss
@@ -205,7 +205,7 @@
   box-shadow: none;
 }
 
-input[type=number].form-control {
+input[type='number'].form-control {
   &::-webkit-inner-spin-button,
   &::-webkit-outer-spin-button {
     margin: 0;
@@ -267,6 +267,10 @@ input[type=number].form-control {
   .form-control {
     border-color: $c-danger;
   }
+  .error-message {
+    color: $c-danger;
+  }
+
   .error {
     display: block;
     position: absolute;
diff --git a/app/react/Settings/components/CollectionSettings.tsx b/app/react/Settings/components/CollectionSettings.tsx
index b5e0499e27..1048ef93f9 100644
--- a/app/react/Settings/components/CollectionSettings.tsx
+++ b/app/react/Settings/components/CollectionSettings.tsx
@@ -119,7 +119,7 @@ const CollectionSettings = ({
               <input type="text" className="form-control" name="home_page" ref={register} />
             </div>
             <div className="has-error">
-              {errors.home_page && <div style={{ color: '#D9534F' }}>Invalid home page url</div>}
+              {errors.home_page && <div className="error-message">Invalid home page url</div>}
             </div>
           </ToggleChildren>
         </SettingsFormElement>