diff --git a/src/components/CommonKit/IconButton/StyledIconBorderedButton.tsx b/src/components/CommonKit/IconButton/StyledIconBorderedButton.tsx index f9291f9b0a2f687474be63f3aef0ee9b49c255b3..b912d5cbf00c948494f5879725deb6c4a96f0343 100644 --- a/src/components/CommonKit/IconButton/StyledIconBorderedButton.tsx +++ b/src/components/CommonKit/IconButton/StyledIconBorderedButton.tsx @@ -19,6 +19,8 @@ const IconButtonBase = withStyles({ const SelectedIconButtonBase = withStyles({ root: { border: '1px solid var(--multiColor)', + background: 'linear-gradient(180deg, #323339 0%, #25262B 100%)', + boxShadow: '0px 4px 16px rgba(0, 0, 0, 0.55)', }, })(IconButtonBase) diff --git a/src/components/ContentComponents/Feedback/FeedbackModal.tsx b/src/components/ContentComponents/Feedback/FeedbackModal.tsx index e55893a72dd2bf79c5f20880f99bd1a9d167ef95..a6eb89972e820c444e7259e12716fdb448fcbf57 100644 --- a/src/components/ContentComponents/Feedback/FeedbackModal.tsx +++ b/src/components/ContentComponents/Feedback/FeedbackModal.tsx @@ -71,7 +71,7 @@ const FeedbackModal: React.FC<FeedbackModalProps> = ({ <div className={ selected - ? 'fb-selector-item-label text-10-bold' + ? 'fb-selector-item-selectedlabel text-10-bold' : 'fb-selector-item-label text-10-normal' } > diff --git a/src/styles/components/_feedback.scss b/src/styles/components/_feedback.scss index ea6f761b38fcae356bf9afb781d44f5d008f8548..c3b75396777afd49941120804b264a0d6f123628 100644 --- a/src/styles/components/_feedback.scss +++ b/src/styles/components/_feedback.scss @@ -30,6 +30,9 @@ .fb-selector-item-label { color: $text-bright; } + .fb-selector-item-selectedlabel { + color: $white; + } } } .fb-form{