From 5ca004280287f2c49681dd7119bc0bc1fe002a4f Mon Sep 17 00:00:00 2001
From: Stanislav <ananasgo@gmail.com>
Date: Fri, 8 Mar 2024 11:50:00 +0200
Subject: [PATCH] fix: fixed post card border color issue (#640) (#677)

Co-authored-by: Awais Ansari <79941147+awais-ansari@users.noreply.github.com>
---
 src/discussions/posts/post-editor/PostTypeCard.jsx | 6 +++---
 src/index.scss                                     | 9 +++++++--
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/discussions/posts/post-editor/PostTypeCard.jsx b/src/discussions/posts/post-editor/PostTypeCard.jsx
index b0a28094..4db1968c 100644
--- a/src/discussions/posts/post-editor/PostTypeCard.jsx
+++ b/src/discussions/posts/post-editor/PostTypeCard.jsx
@@ -19,9 +19,9 @@ const PostTypeCard = ({
     <label htmlFor={`post-type-${value}`} className="d-flex p-0 my-0 mr-3">
       <Form.Radio value={value} id={`post-type-${value}`} className="sr-only">{type}</Form.Radio>
       <Card
-        className={classNames('border-2 shadow-none', {
-          'border-primary': selected,
-          'border-light-400': !selected,
+        className={classNames('shadow-none', {
+          'border-primary-500-2': selected,
+          'border-light-400-2': !selected,
         })}
         style={{ cursor: 'pointer', width: `${enableInContextSidebar ? '10.021rem' : '14.25rem'}` }}
       >
diff --git a/src/index.scss b/src/index.scss
index a5a64bda..ee093c8a 100755
--- a/src/index.scss
+++ b/src/index.scss
@@ -251,8 +251,13 @@ header {
   background-color: #e9e6e4 !important;
 }
 
-.border-2 {
-  border: 2px solid #cccccc !important;
+.border-light-400-2 {
+  border: 2px solid $light-400 !important;
+  border-width: 2px !important;
+}
+
+.border-primary-500-2 {
+  border: 2px solid $primary-500 !important;
   border-width: 2px !important;
 }