From ec6a29e914200b09cf1acbe9c794547fb08ea77c Mon Sep 17 00:00:00 2001 From: Narek Vardzelyan Date: Fri, 17 Apr 2020 12:07:37 +0400 Subject: [PATCH] Fix a bug due to which the 'x' button overlapped with the text. --- .../challenge-listing/Filters/ChallengeSearchBar/style.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/shared/components/challenge-listing/Filters/ChallengeSearchBar/style.scss b/src/shared/components/challenge-listing/Filters/ChallengeSearchBar/style.scss index a65fb234ea..08cfe39428 100644 --- a/src/shared/components/challenge-listing/Filters/ChallengeSearchBar/style.scss +++ b/src/shared/components/challenge-listing/Filters/ChallengeSearchBar/style.scss @@ -44,6 +44,7 @@ $search-input-width: '100% - 56px'; margin-bottom: 0; margin-left: 10px; vertical-align: middle; + padding-right: 28px; @include placeholder { @include roboto-light; @@ -83,11 +84,11 @@ $search-input-width: '100% - 56px'; display: none; cursor: pointer; position: absolute; - right: $challenge-space-60 - 4; + right: $challenge-space-60 - 3; padding: $base-unit; border-radius: 0 $challenge-radius-4 $challenge-radius-4 0; vertical-align: middle; - height: 40px; + height: 38px; font-size: 25px; &.active {