diff --git a/packages/pancake-uikit/src/__tests__/widgets/walletModal.test.tsx b/packages/pancake-uikit/src/__tests__/widgets/walletModal.test.tsx
index 6e3f6b6c0..20f623833 100644
--- a/packages/pancake-uikit/src/__tests__/widgets/walletModal.test.tsx
+++ b/packages/pancake-uikit/src/__tests__/widgets/walletModal.test.tsx
@@ -529,7 +529,7 @@ it("renders ConnectModal correctly", () => {
               xmlns="http://www.w3.org/2000/svg"
             >
               <g
-                clip-path="url(#clip0)"
+                clip-path="url(#clip-trustwallet)"
               >
                 <path
                   d="M48.0048 96.0097C74.5172 96.0097 96.0097 74.5172 96.0097 48.0048C96.0097 21.4925 74.5172 0 48.0048 0C21.4925 0 0 21.4925 0 48.0048C0 74.5172 21.4925 96.0097 48.0048 96.0097Z"
diff --git a/packages/pancake-uikit/src/components/Slider/bunnyhead-max.svg b/packages/pancake-uikit/src/components/Slider/bunnyhead-max.svg
deleted file mode 100644
index e9a17f929..000000000
--- a/packages/pancake-uikit/src/components/Slider/bunnyhead-max.svg
+++ /dev/null
@@ -1,28 +0,0 @@
-<svg width="28" height="34" viewBox="0 0 28 34" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="2" y="19" width="17" height="10" fill="#1FC7D4"/>
-<path d="M9.507 24.706C8.14635 26.0666 9.73795 28.2313 11.7555 30.2489C13.7731 32.2665 15.9378 33.8581 17.2984 32.4974C18.6591 31.1368 17.9685 28.0711 15.9509 26.0535C13.9333 24.0359 10.8676 23.3453 9.507 24.706Z" fill="#1FC7D4"/>
-<path d="M15.507 22.706C14.1463 24.0666 15.7379 26.2313 17.7555 28.2489C19.7731 30.2665 21.9378 31.8581 23.2984 30.4974C24.6591 29.1368 23.9685 26.0711 21.9509 24.0535C19.9333 22.0359 16.8676 21.3453 15.507 22.706Z" fill="#1FC7D4"/>
-<g filter="url(#filter0_d)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.146 6.75159C14.2105 7.10896 14.2703 7.48131 14.3281 7.86164C14.2189 7.85865 14.1095 7.85714 14 7.85714C13.3803 7.85714 12.7648 7.90539 12.159 7.99779C11.879 7.41458 11.5547 6.82246 11.1872 6.23145C8.69897 2.22947 6.53826 1.98679 4.67882 2.98366C2.81938 3.98052 2.85628 6.67644 5.26696 9.40538C5.58076 9.76061 5.90097 10.1398 6.2247 10.5286C3.69013 12.4659 2 15.2644 2 18.2695C2 23.8292 7.78518 25 14 25C20.2148 25 26 23.8292 26 18.2695C26 14.8658 23.8318 11.7272 20.7243 9.80476C20.9022 8.86044 21 7.83019 21 6.75159C21 2.19612 19.2549 1 17.1022 1C14.9495 1 13.5261 3.31847 14.146 6.75159Z" fill="url(#paint0_linear)"/>
-</g>
-<path d="M11.5047 16.0634C10.9435 14.4456 8.79685 14.4456 8.08131 16.0635" stroke="#452A7A" stroke-linecap="round"/>
-<path d="M20.8894 16.0634C20.3283 14.4456 18.1816 14.4456 17.4661 16.0635" stroke="#452A7A" stroke-linecap="round"/>
-<path d="M14.7284 17.4446C14.796 18.3149 14.4446 20.0556 12.498 20.0556" stroke="#452A7A" stroke-linecap="round"/>
-<path d="M14.7457 17.4446C14.6781 18.3149 15.0296 20.0556 16.9761 20.0556" stroke="#452A7A" stroke-linecap="round"/>
-<path d="M13.4505 20.0787C13.4505 21.5097 15.955 21.5097 15.955 20.0787" stroke="#452A7A" stroke-linecap="round"/>
-<defs>
-<filter id="filter0_d" x="0" y="0" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
-</filter>
-<linearGradient id="paint0_linear" x1="14" y1="1" x2="14" y2="25" gradientUnits="userSpaceOnUse">
-<stop stop-color="#53DEE9"/>
-<stop offset="1" stop-color="#1FC7D4"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/packages/pancake-uikit/src/components/Slider/svg/bunny-full.svg b/packages/pancake-uikit/src/components/Slider/svg/bunny-full.svg
index 9b97fcf25..1224b7bae 100644
--- a/packages/pancake-uikit/src/components/Slider/svg/bunny-full.svg
+++ b/packages/pancake-uikit/src/components/Slider/svg/bunny-full.svg
@@ -8,7 +8,7 @@
 <path d="M16.507 25.706C15.1463 27.0666 16.7379 29.2313 18.7555 31.2489C20.7731 33.2665 22.9378 34.8581 24.2984 33.4974C25.6591 32.1368 24.9685 29.0711 22.9509 27.0535C20.9333 25.0359 17.8676 24.3453 16.507 25.706Z" fill="#1FC7D4"/>
 <path d="M22.507 23.706C21.1463 25.0666 22.7379 27.2313 24.7555 29.2489C26.7731 31.2665 28.9378 32.8581 30.2984 31.4974C31.6591 30.1368 30.9685 27.0711 28.9509 25.0535C26.9333 23.0359 23.8676 22.3453 22.507 23.706Z" fill="#1FC7D4"/>
 <g filter="url(#filter0_d)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M20.7051 7.63421C20.7814 8.02672 20.8515 8.43767 20.9193 8.85742C20.5725 8.85976 20.227 8.87718 19.8839 8.90896C19.6029 8.29464 19.2694 7.67199 18.8844 7.05277C16.3961 3.05079 14.062 2.9011 11.9886 4.01265C9.91524 5.12421 9.81068 7.89597 12.283 10.5919C12.5705 10.9054 12.8625 11.2384 13.1574 11.5804C10.6603 13.5156 9 16.291 9 19.2695C9 24.8292 14.7852 26 21 26C27.2148 26 33 24.8292 33 19.2695C33 15.8281 30.7835 12.6577 27.6207 10.7413C27.8236 9.78483 27.9357 8.73524 27.9357 7.63421C27.9357 3.17171 26.0947 2 23.8237 2C21.5528 2 20.0512 4.27116 20.7051 7.63421Z" fill="url(#paint0_linear)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.7051 7.63421C20.7814 8.02672 20.8515 8.43767 20.9193 8.85742C20.5725 8.85976 20.227 8.87718 19.8839 8.90896C19.6029 8.29464 19.2694 7.67199 18.8844 7.05277C16.3961 3.05079 14.062 2.9011 11.9886 4.01265C9.91524 5.12421 9.81068 7.89597 12.283 10.5919C12.5705 10.9054 12.8625 11.2384 13.1574 11.5804C10.6603 13.5156 9 16.291 9 19.2695C9 24.8292 14.7852 26 21 26C27.2148 26 33 24.8292 33 19.2695C33 15.8281 30.7835 12.6577 27.6207 10.7413C27.8236 9.78483 27.9357 8.73524 27.9357 7.63421C27.9357 3.17171 26.0947 2 23.8237 2C21.5528 2 20.0512 4.27116 20.7051 7.63421Z" fill="url(#paint0_linear_bunny_full)"/>
 </g>
 <path d="M21.7284 18.4446C21.796 19.3149 21.4446 21.0556 19.498 21.0556" stroke="#452A7A" stroke-linecap="round"/>
 <path d="M21.7457 18.4446C21.6781 19.3149 22.0296 21.0556 23.9761 21.0556" stroke="#452A7A" stroke-linecap="round"/>
@@ -25,7 +25,7 @@
 <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
 <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
 </filter>
-<linearGradient id="paint0_linear" x1="21" y1="2" x2="21" y2="26" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_bunny_full" x1="21" y1="2" x2="21" y2="26" gradientUnits="userSpaceOnUse">
 <stop stop-color="#53DEE9"/>
 <stop offset="1" stop-color="#1FC7D4"/>
 </linearGradient>
diff --git a/packages/pancake-uikit/src/components/Slider/svg/bunnyhead-main.svg b/packages/pancake-uikit/src/components/Slider/svg/bunnyhead-main.svg
index 303fab25a..0cafe2242 100644
--- a/packages/pancake-uikit/src/components/Slider/svg/bunnyhead-main.svg
+++ b/packages/pancake-uikit/src/components/Slider/svg/bunnyhead-main.svg
@@ -3,7 +3,7 @@
 <path d="M9.507 24.706C8.14635 26.0666 9.73795 28.2313 11.7555 30.2489C13.7731 32.2665 15.9378 33.8581 17.2984 32.4974C18.6591 31.1368 17.9685 28.0711 15.9509 26.0535C13.9333 24.0359 10.8676 23.3453 9.507 24.706Z" fill="#1FC7D4"/>
 <path d="M15.507 22.706C14.1463 24.0666 15.7379 26.2313 17.7555 28.2489C19.7731 30.2665 21.9378 31.8581 23.2984 30.4974C24.6591 29.1368 23.9685 26.0711 21.9509 24.0535C19.9333 22.0359 16.8676 21.3453 15.507 22.706Z" fill="#1FC7D4"/>
 <g filter="url(#filter0_d)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.146 6.75159C14.2105 7.10896 14.2703 7.48131 14.3281 7.86164C14.2189 7.85865 14.1095 7.85714 14 7.85714C13.3803 7.85714 12.7648 7.90539 12.159 7.99779C11.879 7.41458 11.5547 6.82246 11.1872 6.23145C8.69897 2.22947 6.53826 1.98679 4.67882 2.98366C2.81938 3.98052 2.85628 6.67644 5.26696 9.40538C5.58076 9.76061 5.90097 10.1398 6.2247 10.5286C3.69013 12.4659 2 15.2644 2 18.2695C2 23.8292 7.78518 25 14 25C20.2148 25 26 23.8292 26 18.2695C26 14.8658 23.8318 11.7272 20.7243 9.80476C20.9022 8.86044 21 7.83019 21 6.75159C21 2.19612 19.2549 1 17.1022 1C14.9495 1 13.5261 3.31847 14.146 6.75159Z" fill="url(#paint0_linear)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.146 6.75159C14.2105 7.10896 14.2703 7.48131 14.3281 7.86164C14.2189 7.85865 14.1095 7.85714 14 7.85714C13.3803 7.85714 12.7648 7.90539 12.159 7.99779C11.879 7.41458 11.5547 6.82246 11.1872 6.23145C8.69897 2.22947 6.53826 1.98679 4.67882 2.98366C2.81938 3.98052 2.85628 6.67644 5.26696 9.40538C5.58076 9.76061 5.90097 10.1398 6.2247 10.5286C3.69013 12.4659 2 15.2644 2 18.2695C2 23.8292 7.78518 25 14 25C20.2148 25 26 23.8292 26 18.2695C26 14.8658 23.8318 11.7272 20.7243 9.80476C20.9022 8.86044 21 7.83019 21 6.75159C21 2.19612 19.2549 1 17.1022 1C14.9495 1 13.5261 3.31847 14.146 6.75159Z" fill="url(#paint0_linear_bunnyhead_main)"/>
 </g>
 <g transform="translate(2)">
 <path d="M12.7284 16.4446C12.796 17.3149 12.4446 19.0556 10.498 19.0556" stroke="#452A7A" stroke-linecap="round"/>
@@ -21,7 +21,7 @@
 <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
 <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
 </filter>
-<linearGradient id="paint0_linear" x1="14" y1="1" x2="14" y2="25" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_bunnyhead_main" x1="14" y1="1" x2="14" y2="25" gradientUnits="userSpaceOnUse">
 <stop stop-color="#53DEE9"/>
 <stop offset="1" stop-color="#1FC7D4"/>
 </linearGradient>
diff --git a/packages/pancake-uikit/src/components/Slider/svg/bunnyhead-max.svg b/packages/pancake-uikit/src/components/Slider/svg/bunnyhead-max.svg
index 63308e820..cf519fc05 100644
--- a/packages/pancake-uikit/src/components/Slider/svg/bunnyhead-max.svg
+++ b/packages/pancake-uikit/src/components/Slider/svg/bunnyhead-max.svg
@@ -3,7 +3,7 @@
 <path d="M9.507 24.706C8.14635 26.0666 9.73795 28.2313 11.7555 30.2489C13.7731 32.2665 15.9378 33.8581 17.2984 32.4974C18.6591 31.1368 17.9685 28.0711 15.9509 26.0535C13.9333 24.0359 10.8676 23.3453 9.507 24.706Z" fill="#1FC7D4"/>
 <path d="M15.507 22.706C14.1463 24.0666 15.7379 26.2313 17.7555 28.2489C19.7731 30.2665 21.9378 31.8581 23.2984 30.4974C24.6591 29.1368 23.9685 26.0711 21.9509 24.0535C19.9333 22.0359 16.8676 21.3453 15.507 22.706Z" fill="#1FC7D4"/>
 <g filter="url(#filter0_d)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.146 6.75159C14.2105 7.10896 14.2703 7.48131 14.3281 7.86164C14.2189 7.85865 14.1095 7.85714 14 7.85714C13.3803 7.85714 12.7648 7.90539 12.159 7.99779C11.879 7.41458 11.5547 6.82246 11.1872 6.23145C8.69897 2.22947 6.53826 1.98679 4.67882 2.98366C2.81938 3.98052 2.85628 6.67644 5.26696 9.40538C5.58076 9.76061 5.90097 10.1398 6.2247 10.5286C3.69013 12.4659 2 15.2644 2 18.2695C2 23.8292 7.78518 25 14 25C20.2148 25 26 23.8292 26 18.2695C26 14.8658 23.8318 11.7272 20.7243 9.80476C20.9022 8.86044 21 7.83019 21 6.75159C21 2.19612 19.2549 1 17.1022 1C14.9495 1 13.5261 3.31847 14.146 6.75159Z" fill="url(#paint0_linear)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.146 6.75159C14.2105 7.10896 14.2703 7.48131 14.3281 7.86164C14.2189 7.85865 14.1095 7.85714 14 7.85714C13.3803 7.85714 12.7648 7.90539 12.159 7.99779C11.879 7.41458 11.5547 6.82246 11.1872 6.23145C8.69897 2.22947 6.53826 1.98679 4.67882 2.98366C2.81938 3.98052 2.85628 6.67644 5.26696 9.40538C5.58076 9.76061 5.90097 10.1398 6.2247 10.5286C3.69013 12.4659 2 15.2644 2 18.2695C2 23.8292 7.78518 25 14 25C20.2148 25 26 23.8292 26 18.2695C26 14.8658 23.8318 11.7272 20.7243 9.80476C20.9022 8.86044 21 7.83019 21 6.75159C21 2.19612 19.2549 1 17.1022 1C14.9495 1 13.5261 3.31847 14.146 6.75159Z" fill="url(#paint0_linear_bunnyhead_max)"/>
 </g>
 <path d="M11.5047 16.0634C10.9435 14.4456 8.79685 14.4456 8.08131 16.0635" stroke="#452A7A" stroke-linecap="round"/>
 <path d="M20.8894 16.0634C20.3283 14.4456 18.1816 14.4456 17.4661 16.0635" stroke="#452A7A" stroke-linecap="round"/>
@@ -20,7 +20,7 @@
 <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
 <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
 </filter>
-<linearGradient id="paint0_linear" x1="14" y1="1" x2="14" y2="25" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_bunnyhead_max" x1="14" y1="1" x2="14" y2="25" gradientUnits="userSpaceOnUse">
 <stop stop-color="#53DEE9"/>
 <stop offset="1" stop-color="#1FC7D4"/>
 </linearGradient>
diff --git a/packages/pancake-uikit/src/components/Svg/Icons/LogoRound.tsx b/packages/pancake-uikit/src/components/Svg/Icons/LogoRound.tsx
index e64cd42fd..eec39ea01 100644
--- a/packages/pancake-uikit/src/components/Svg/Icons/LogoRound.tsx
+++ b/packages/pancake-uikit/src/components/Svg/Icons/LogoRound.tsx
@@ -5,7 +5,7 @@ import { SvgProps } from "../types";
 const Icon: React.FC<SvgProps> = (props) => {
   return (
     <Svg viewBox="0 0 512 512" {...props}>
-      <circle cx="256" cy="256" r="256" fill="url(#paint0_linear)" />
+      <circle cx="256" cy="256" r="256" fill="url(#paint0_linear_logoround)" />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
@@ -31,7 +31,7 @@ const Icon: React.FC<SvgProps> = (props) => {
         fill="#633001"
       />
       <defs>
-        <linearGradient id="paint0_linear" x1="256" y1="0" x2="256" y2="512" gradientUnits="userSpaceOnUse">
+        <linearGradient id="paint0_linear_logoround" x1="256" y1="0" x2="256" y2="512" gradientUnits="userSpaceOnUse">
           <stop stopColor="#54DADE" />
           <stop offset="0.762157" stopColor="#24C7D6" />
         </linearGradient>
diff --git a/packages/pancake-uikit/src/components/Svg/Icons/PancakeRound.tsx b/packages/pancake-uikit/src/components/Svg/Icons/PancakeRound.tsx
index 99380075d..afe6f4922 100644
--- a/packages/pancake-uikit/src/components/Svg/Icons/PancakeRound.tsx
+++ b/packages/pancake-uikit/src/components/Svg/Icons/PancakeRound.tsx
@@ -5,7 +5,7 @@ import { SvgProps } from "../types";
 const Icon: React.FC<SvgProps> = (props) => {
   return (
     <Svg viewBox="0 0 90 90" {...props}>
-      <circle cx="45" cy="45" r="45" fill="url(#paint0_linear)" />
+      <circle cx="45" cy="45" r="45" fill="url(#paint0_linear_pancakeround)" />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
@@ -66,7 +66,7 @@ const Icon: React.FC<SvgProps> = (props) => {
         fillRule="evenodd"
         clipRule="evenodd"
         d="M25.4361 31.9044C25.4361 34.3714 27.2287 36.5809 30.0567 38.0676L28.0973 41.4614L28.0977 41.4617H28.0973V50.0509C28.0973 51.1867 29.018 52.1075 30.1538 52.1075C31.2896 52.1075 32.2104 51.1867 32.2104 50.0509V43.22L34.3184 39.5686C35.6663 39.8545 37.1133 40.0097 38.6192 40.0097C45.9 40.0097 51.8022 36.3808 51.8022 31.9044C51.8022 27.428 45.9 23.7991 38.6192 23.7991C31.3383 23.7991 25.4361 27.428 25.4361 31.9044Z"
-        fill="url(#paint1_linear)"
+        fill="url(#paint1_linear_pancakeround)"
       />
       <path
         fillRule="evenodd"
@@ -94,12 +94,12 @@ const Icon: React.FC<SvgProps> = (props) => {
         fill="#633001"
       />
       <defs>
-        <linearGradient id="paint0_linear" x1="45" y1="0" x2="45" y2="90" gradientUnits="userSpaceOnUse">
+        <linearGradient id="paint0_linear_pancakeround" x1="45" y1="0" x2="45" y2="90" gradientUnits="userSpaceOnUse">
           <stop stopColor="#54DADE" />
           <stop offset="0.762157" stopColor="#24C7D6" />
         </linearGradient>
         <linearGradient
-          id="paint1_linear"
+          id="paint1_linear_pancakeround"
           x1="38.7618"
           y1="24.0704"
           x2="38.7618"
diff --git a/packages/pancake-uikit/src/components/Svg/Icons/Pancakes.tsx b/packages/pancake-uikit/src/components/Svg/Icons/Pancakes.tsx
index d5c3c2ab9..b99cfa414 100644
--- a/packages/pancake-uikit/src/components/Svg/Icons/Pancakes.tsx
+++ b/packages/pancake-uikit/src/components/Svg/Icons/Pancakes.tsx
@@ -65,7 +65,7 @@ const Icon: React.FC<SvgProps> = (props) => {
         fillRule="evenodd"
         clipRule="evenodd"
         d="M12.214 18.272C12.214 20.9856 14.0269 23.4161 16.8871 25.0513L14.9054 28.7844L14.9059 28.7847H14.9054V38.2326C14.9054 39.4819 15.8366 40.4947 16.9853 40.4947C18.134 40.4947 19.0652 39.4819 19.0652 38.2326V30.7188L21.1972 26.7024C22.5605 27.0169 24.0238 27.1876 25.5468 27.1876C32.9103 27.1876 38.8796 23.196 38.8796 18.272C38.8796 13.3481 32.9103 9.35645 25.5468 9.35645C18.1833 9.35645 12.214 13.3481 12.214 18.272Z"
-        fill="url(#paint0_linear)"
+        fill="url(#paint0_linear_pancakes)"
       />
       <path
         fillRule="evenodd"
@@ -94,7 +94,7 @@ const Icon: React.FC<SvgProps> = (props) => {
       />
       <defs>
         <linearGradient
-          id="paint0_linear"
+          id="paint0_linear_pancakes"
           x1="25.691"
           y1="9.6549"
           x2="25.691"
diff --git a/packages/pancake-uikit/src/components/Svg/Icons/PocketWatch.tsx b/packages/pancake-uikit/src/components/Svg/Icons/PocketWatch.tsx
index fd628bf1b..79c90ebd1 100644
--- a/packages/pancake-uikit/src/components/Svg/Icons/PocketWatch.tsx
+++ b/packages/pancake-uikit/src/components/Svg/Icons/PocketWatch.tsx
@@ -5,7 +5,7 @@ import { SvgProps } from "../types";
 const Icon: React.FC<SvgProps> = (props) => {
   return (
     <Svg viewBox="0 0 48 48" {...props}>
-      <g clipPath="url(#clip0)">
+      <g clipPath="url(#clip-pocketwatch)">
         <path
           fillRule="evenodd"
           clipRule="evenodd"
@@ -90,7 +90,7 @@ const Icon: React.FC<SvgProps> = (props) => {
         />
       </g>
       <defs>
-        <clipPath id="clip0">
+        <clipPath id="clip-pocketwatch">
           <rect width="48" height="48" fill="white" transform="matrix(-1 0 0 1 48 0)" />
         </clipPath>
       </defs>
diff --git a/packages/pancake-uikit/src/components/Svg/Icons/TeamPlayer.tsx b/packages/pancake-uikit/src/components/Svg/Icons/TeamPlayer.tsx
index fc606aaac..bf1fc6dfc 100644
--- a/packages/pancake-uikit/src/components/Svg/Icons/TeamPlayer.tsx
+++ b/packages/pancake-uikit/src/components/Svg/Icons/TeamPlayer.tsx
@@ -5,7 +5,7 @@ import { SvgProps } from "../types";
 const Icon: React.FC<SvgProps> = (props) => {
   return (
     <Svg viewBox="0 0 25 25" {...props}>
-      <g clipPath="url(#clip0)">
+      <g clipPath="url(#clip-teamplayer)">
         <path
           d="M15.9617 4.03476C16.5597 2.82143 15.6818 1.40061 14.2254 1.22477C13.0389 1.08149 11.9708 1.84428 11.8399 2.9285L11.3896 6.65764C11.2976 7.41951 11.899 8.11875 12.7328 8.21943C13.3889 8.29864 14.0166 7.98162 14.286 7.435L15.9617 4.03476Z"
           fill="#1FC7D4"
@@ -122,7 +122,7 @@ const Icon: React.FC<SvgProps> = (props) => {
         />
       </g>
       <defs>
-        <clipPath id="clip0">
+        <clipPath id="clip-teamplayer">
           <rect width="24" height="24" fill="white" transform="translate(0.5 0.5)" />
         </clipPath>
       </defs>
diff --git a/packages/pancake-uikit/src/components/Svg/Icons/TicketRound.tsx b/packages/pancake-uikit/src/components/Svg/Icons/TicketRound.tsx
index f99ed5452..76dcd4db3 100644
--- a/packages/pancake-uikit/src/components/Svg/Icons/TicketRound.tsx
+++ b/packages/pancake-uikit/src/components/Svg/Icons/TicketRound.tsx
@@ -5,7 +5,7 @@ import { SvgProps } from "../types";
 const Icon: React.FC<SvgProps> = (props) => {
   return (
     <Svg viewBox="0 0 48 48" {...props}>
-      <circle cx="24" cy="24" r="24" fill="url(#paint0_linear)" />
+      <circle cx="24" cy="24" r="24" fill="url(#paint0_linear_ticketround)" />
       <path
         d="M39.0623 18.9777C39.3983 19.3138 39.4447 19.8426 39.1721 20.232C34.1862 27.3557 28.0207 33.576 20.9413 38.6248L20.3823 39.0235C19.9723 39.3159 19.4111 39.2692 19.055 38.9132L16.5383 36.3964C18.024 34.858 18.0077 32.4065 16.4893 30.8881C14.971 29.3698 12.5194 29.3535 10.981 30.8392L8.66608 28.5242C8.22585 28.084 8.28655 27.3538 8.79343 26.9923L9.35284 26.5933C16.261 21.6665 22.2775 15.5966 27.1429 8.64507C27.4837 8.15815 28.1816 8.09702 28.6019 8.51729L30.958 10.8734C29.4778 12.4121 29.496 14.8595 31.0125 16.3759C32.5289 17.8924 34.9762 17.9105 36.515 16.4304L39.0623 18.9777Z"
         fill="#DBCDF9"
@@ -89,7 +89,7 @@ const Icon: React.FC<SvgProps> = (props) => {
         fill="#53DEE9"
       />
       <defs>
-        <linearGradient id="paint0_linear" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+        <linearGradient id="paint0_linear_ticketround" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
           <stop stopColor="#54DADE" />
           <stop offset="0.762157" stopColor="#24C7D6" />
         </linearGradient>
diff --git a/packages/pancake-uikit/src/components/Svg/Icons/Won.tsx b/packages/pancake-uikit/src/components/Svg/Icons/Won.tsx
index b8d57aff8..a5463ef86 100644
--- a/packages/pancake-uikit/src/components/Svg/Icons/Won.tsx
+++ b/packages/pancake-uikit/src/components/Svg/Icons/Won.tsx
@@ -5,7 +5,7 @@ import { SvgProps } from "../types";
 const Icon: React.FC<SvgProps> = (props) => {
   return (
     <Svg viewBox="0 0 64 64" {...props}>
-      <g clipPath="url(#clip0)">
+      <g clipPath="url(#clip-won)">
         <path
           fillRule="evenodd"
           clipRule="evenodd"
@@ -34,7 +34,7 @@ const Icon: React.FC<SvgProps> = (props) => {
         />
         <path
           d="M51.0823 29.9055C50.3505 27.1742 47.543 25.5533 44.8116 26.2851L17.6112 33.5735C14.8798 34.3053 13.2589 37.1128 13.9908 39.8441L18.546 56.8444C19.2778 59.5758 22.0853 61.1967 24.8167 60.4648L52.0171 53.1765C54.7485 52.4446 56.3694 49.6371 55.6375 46.9058L51.0823 29.9055Z"
-          fill="url(#paint0_linear)"
+          fill="url(#paint0_linear_won)"
         />
         <path
           fillRule="evenodd"
@@ -54,7 +54,7 @@ const Icon: React.FC<SvgProps> = (props) => {
         </g>
         <path
           d="M54.8306 24.9448C55.3795 22.8962 54.1638 20.7906 52.1153 20.2417L17.4965 10.9657C15.448 10.4168 13.3424 11.6324 12.7935 13.681L11.8824 17.081C11.3335 19.1295 12.5492 21.2351 14.5977 21.784L49.2165 31.0601C51.265 31.609 53.3706 30.3933 53.9195 28.3448L54.8306 24.9448Z"
-          fill="url(#paint1_linear)"
+          fill="url(#paint1_linear_won)"
         />
         <path
           fillRule="evenodd"
@@ -74,7 +74,7 @@ const Icon: React.FC<SvgProps> = (props) => {
       </g>
       <defs>
         <linearGradient
-          id="paint0_linear"
+          id="paint0_linear_won"
           x1="31.2114"
           y1="29.9293"
           x2="38.4169"
@@ -85,7 +85,7 @@ const Icon: React.FC<SvgProps> = (props) => {
           <stop offset="1" stopColor="#1FC7D4" />
         </linearGradient>
         <linearGradient
-          id="paint1_linear"
+          id="paint1_linear_won"
           x1="34.8059"
           y1="15.6037"
           x2="31.9071"
@@ -95,7 +95,7 @@ const Icon: React.FC<SvgProps> = (props) => {
           <stop stopColor="#53DEE9" />
           <stop offset="1" stopColor="#1FC7D4" />
         </linearGradient>
-        <clipPath id="clip0">
+        <clipPath id="clip-won">
           <rect width="64" height="64" fill="white" />
         </clipPath>
       </defs>
diff --git a/packages/pancake-uikit/src/widgets/WalletModal/icons/TrustWallet.tsx b/packages/pancake-uikit/src/widgets/WalletModal/icons/TrustWallet.tsx
index ffcfc6a96..37e36cff5 100644
--- a/packages/pancake-uikit/src/widgets/WalletModal/icons/TrustWallet.tsx
+++ b/packages/pancake-uikit/src/widgets/WalletModal/icons/TrustWallet.tsx
@@ -5,7 +5,7 @@ import { SvgProps } from "../../../components/Svg/types";
 const Icon: React.FC<SvgProps> = (props) => {
   return (
     <Svg viewBox="0 0 96 96" {...props}>
-      <g clipPath="url(#clip0)">
+      <g clipPath="url(#clip-trustwallet)">
         <path
           d="M48.0048 96.0097C74.5172 96.0097 96.0097 74.5172 96.0097 48.0048C96.0097 21.4925 74.5172 0 48.0048 0C21.4925 0 0 21.4925 0 48.0048C0 74.5172 21.4925 96.0097 48.0048 96.0097Z"
           fill="#3375BB"
@@ -16,7 +16,7 @@ const Icon: React.FC<SvgProps> = (props) => {
         />
       </g>
       <defs>
-        <clipPath id="clip0">
+        <clipPath id="clip-trustwallet">
           <rect width="96" height="96" fill="white" />
         </clipPath>
       </defs>