fix merits icon shadow

icons/merits_colored.svg

 <svg viewBox="0 0 42 45" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g filter="url(#a)">
-    <path d="M19.693 7.355a2.614 2.614 0 0 1 2.614 0l9.857 5.69a2.615 2.615 0 0 1 1.307 2.264v11.382c0 .934-.498 1.797-1.307 2.264l-9.857 5.69a2.614 2.614 0 0 1-2.614 0l-9.856-5.69a2.614 2.614 0 0 1-1.308-2.264V15.309c0-.934.499-1.797 1.308-2.264l9.856-5.69Z" fill="url(#b)"/>
-    <path d="m32.644 12.214-9.857-5.69a3.574 3.574 0 0 0-3.574 0l-9.856 5.69a3.574 3.574 0 0 0-1.788 3.095v11.382c0 1.277.682 2.457 1.788 3.095l9.856 5.69a3.574 3.574 0 0 0 3.574 0l9.857-5.69a3.574 3.574 0 0 0 1.787-3.096V15.31a3.574 3.574 0 0 0-1.787-3.096Z" stroke="#fff" stroke-width="1.92"/>
-  </g>
-  <path d="M19.693 7.355a2.614 2.614 0 0 1 2.614 0l9.857 5.69a2.615 2.615 0 0 1 1.307 2.264v11.382c0 .934-.498 1.797-1.307 2.264l-9.857 5.69a2.614 2.614 0 0 1-2.614 0l-9.856-5.69a2.614 2.614 0 0 1-1.308-2.264V15.309c0-.934.499-1.797 1.308-2.264l9.856-5.69Z" fill="url(#c)"/>
+  <path d="M19.693 7.355a2.614 2.614 0 0 1 2.614 0l9.857 5.69a2.615 2.615 0 0 1 1.307 2.264v11.382c0 .934-.498 1.797-1.307 2.264l-9.857 5.69a2.614 2.614 0 0 1-2.614 0l-9.856-5.69a2.614 2.614 0 0 1-1.308-2.264V15.309c0-.934.499-1.797 1.308-2.264l9.856-5.69Z" fill="url(#a)"/>
+  <path d="m32.644 12.214-9.857-5.69a3.574 3.574 0 0 0-3.574 0l-9.856 5.69a3.574 3.574 0 0 0-1.788 3.095v11.382c0 1.277.682 2.457 1.788 3.095l9.856 5.69a3.574 3.574 0 0 0 3.574 0l9.857-5.69a3.574 3.574 0 0 0 1.787-3.096V15.31a3.574 3.574 0 0 0-1.787-3.096Z" stroke="#fff" stroke-width="1.92"/>
+  <path d="M19.693 7.355a2.614 2.614 0 0 1 2.614 0l9.857 5.69a2.615 2.615 0 0 1 1.307 2.264v11.382c0 .934-.498 1.797-1.307 2.264l-9.857 5.69a2.614 2.614 0 0 1-2.614 0l-9.856-5.69a2.614 2.614 0 0 1-1.308-2.264V15.309c0-.934.499-1.797 1.308-2.264l9.856-5.69Z" fill="url(#b)"/>
   <path fill-rule="evenodd" clip-rule="evenodd" d="M19.797 16.078a.838.838 0 0 0-.838-.838h-.8a.838.838 0 0 0-.837.838v.724a.838.838 0 0 1-.838.838h-.406a.838.838 0 0 0-.838.838v7.444c0 .463.375.838.838.838h.8a.838.838 0 0 0 .838-.838v-7.444c0-.463.375-.838.838-.838h.405a.838.838 0 0 0 .838-.838v-.724Zm4.968 0a.838.838 0 0 0-.838-.838h-.8a.838.838 0 0 0-.837.838v.724c0 .463.375.838.837.838h.32c.463 0 .838.375.838.838v7.444c0 .463.375.838.837.838h.8a.838.838 0 0 0 .838-.838v-7.444a.838.838 0 0 0-.838-.838h-.32a.838.838 0 0 1-.837-.838v-.724Zm-2.51 4.594a.838.838 0 0 0-.838-.838h-.8a.838.838 0 0 0-.837.838v2.987c0 .463.375.838.837.838h.8a.838.838 0 0 0 .838-.838v-2.987Z" fill="#fff"/>
   <defs>
-    <linearGradient id="b" x1="21" y1="6.6" x2="21" y2="35.4" gradientUnits="userSpaceOnUse">
+    <linearGradient id="a" x1="21" y1="6.6" x2="21" y2="35.4" gradientUnits="userSpaceOnUse">
       <stop stop-color="#2C5282"/>
       <stop offset="1" stop-color="#153967"/>
     </linearGradient>
-    <linearGradient id="c" x1="21" y1="6.6" x2="21" y2="35.4" gradientUnits="userSpaceOnUse">
+    <linearGradient id="b" x1="21" y1="6.6" x2="21" y2="35.4" gradientUnits="userSpaceOnUse">
       <stop stop-color="#008BE4"/>
       <stop offset="1" stop-color="#81C5F1"/>
     </linearGradient>
-    <filter id="a" x="2.769" y="5.084" width="36.461" height="39.511" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-      <feOffset dy="3.84"/>
-      <feGaussianBlur stdDeviation="1.92"/>
-      <feComposite in2="hardAlpha" operator="out"/>
-      <feColorMatrix values="0 0 0 0 0.551643 0 0 0 0 0.703233 0 0 0 0 0.800684 0 0 0 0.25 0"/>
-      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_610_54892"/>
-      <feBlend in="SourceGraphic" in2="effect1_dropShadow_610_54892" result="shape"/>
-    </filter>
   </defs>
 </svg>

ui/rewards/RewardsDashboardCardValue.tsx

@@ -27,7 +27,14 @@ const RewardsDashboardCard = ({ label, value, withIcon, hint }: Props) => {
         </Text>
       </Flex>
       <Flex alignItems="center">
-        { withIcon && <IconSvg name="merits_colored" boxSize={ 12 } mb={ -0.5 }/> }
+        { withIcon && (
+          <IconSvg
+            name="merits_colored"
+            boxSize={ 12 }
+            mb={ -0.5 }
+            filter="drop-shadow(0px 4px 3px rgba(21, 57, 103, 0.1))"
+          />
+        ) }
         <Text fontSize="32px" fontWeight="500">
           { value }
         </Text>

ui/rewards/steps/CongratsStepContent.tsx

@@ -28,7 +28,12 @@ const CongratsStepContent = ({ isReferral }: Props) => {
         padding={ 2 }
         mb={ 8 }
       >
-        <IconSvg name="merits_colored" boxSize="60px" mb={ -1 }/>
+        <IconSvg
+          name="merits_colored"
+          boxSize="60px"
+          mb={ -1 }
+          filter="drop-shadow(0px 6px 3px rgba(21, 57, 103, 0.1))"
+        />
         <Skeleton isLoaded={ !rewardsConfigQuery.isLoading }>
           <Text fontSize="30px" fontWeight="700" color="blue.700">
             +{ rewardsConfigQuery.data?.rewards[ isReferral ? 'registration_with_referral' : 'registration' ] }