Merge pull request #5685 from fthts/tco-leaderboard-chevron-icon-fix

rakibansary · web-flow · commit 6a419a25c155 · 2021-09-03T17:29:34.000+06:00
fix: TCO Leaderboards chevron icon
diff --git a/src/assets/images/chevron-down-white.svg b/src/assets/images/chevron-down-white.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="16px" viewBox="0 0 24 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g transform="scale(1,-1) translate(0, -15)" fill="#FFFFFF">
+        <path d="M20.3618536,13.3118536 L12,4.95 L12,4.95 L3.63814636,13.3118536 C3.05754552,13.8924545 2.11620557,13.8924545 1.53560473,13.3118536 C1.52352564,13.2997746 1.51165564,13.2874882 1.5,13.275 C0.914338011,12.647505 0.931207349,11.6687927 1.53814636,11.0618536 L11.2928932,1.30710678 C11.6834175,0.916582489 12.3165825,0.916582489 12.7071068,1.30710678 L22.4618536,11.0618536 C23.0687927,11.6687927 23.085662,12.647505 22.5,13.275 C21.9397529,13.8752648 20.9989721,13.9077055 20.3987073,13.3474584 C20.3862191,13.3358027 20.3739327,13.3239327 20.3618536,13.3118536 Z"></path>
+    </g>
+</svg>
diff --git a/src/shared/components/Dashboard/TCOLeaderboards/index.jsx b/src/shared/components/Dashboard/TCOLeaderboards/index.jsx
@@ -6,7 +6,7 @@ import _ from 'lodash';
 import LoadingIndicator from 'components/LoadingIndicator';
 import PT from 'prop-types';
 import React from 'react';
-import ChevronDown from 'assets/images/minimal-down-white.svg';
+import ChevronDown from 'assets/images/chevron-down-white.svg';
 import DefaultAvatar from 'assets/images/default-avatar-photo-blue.svg';
 import { themr } from 'react-css-super-themr';
 import { Avatar } from 'topcoder-react-utils';
diff --git a/src/shared/components/Dashboard/TCOLeaderboards/styles.scss b/src/shared/components/Dashboard/TCOLeaderboards/styles.scss
@@ -58,10 +58,10 @@
     position: absolute;
     top: 50%;
     right: 8px;
-    margin-top: -3px;
+    margin-top: -4px;
     pointer-events: none;
-    width: 10px;
-    height: 10px;
+    width: 9px;
+    height: 9px;
   }
 
   .dropdown {
