From 47a881dd5ee7c0b6f5a3e8848f622b94c4f2ecba Mon Sep 17 00:00:00 2001
From: Rik Scheffer <r.scheffer@amsterdam.nl>
Date: Wed, 28 Aug 2024 14:14:22 +0200
Subject: [PATCH] UI fixes

---
 src/modules/city-pass/assets/sports.svg       | 250 ++++++++----------
 .../components/BudgetBalanceButton.tsx        |   2 +-
 .../components/CityPassDetailsPassNumber.tsx  |   4 +-
 3 files changed, 116 insertions(+), 140 deletions(-)

diff --git a/src/modules/city-pass/assets/sports.svg b/src/modules/city-pass/assets/sports.svg
index 759103540..1a626f9d1 100644
--- a/src/modules/city-pass/assets/sports.svg
+++ b/src/modules/city-pass/assets/sports.svg
@@ -1,141 +1,117 @@
 <svg viewBox="0 0 375 188" fill="none" xmlns="http://www.w3.org/2000/svg">
     <g transform="translate(0 55)">
-        <mask id="mask0_919_2822" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="44" y="1" width="126"
-            height="113">
-            <path d="M44 1.00005H170V113.049H44V1.00005Z" fill="white" />
-        </mask>
-        <g mask="url(#mask0_919_2822)">
-            <path
-                d="M86.5294 82.4774C86.5294 79.2498 83.9171 76.635 80.6917 76.635C77.4703 76.635 74.8549 79.2498 74.8549 82.4774C74.8549 82.6506 74.863 82.8203 74.8789 82.9907L77.1554 108.878C77.3196 110.688 78.8424 112.107 80.6917 112.107C82.544 112.107 84.0653 110.688 84.2289 108.878L86.5056 82.9907C86.5219 82.8203 86.5294 82.6506 86.5294 82.4774Z"
-                fill="#1D1818" />
-            <path
-                d="M79.5872 88.2075C82.7543 88.8191 85.8171 86.7474 86.4278 83.5812C87.0342 80.4144 84.9677 77.3513 81.7981 76.7412C81.6268 76.7069 81.4552 76.6875 81.2882 76.6666L55.4395 74.0057C53.6305 73.8253 51.9494 75.0505 51.5974 76.8694C51.2454 78.6844 52.3535 80.4506 54.1001 80.9499L79.0854 88.0898C79.2508 88.1332 79.4165 88.175 79.5872 88.2075Z"
-                fill="#1D1818" />
-            <path
-                d="M88.8106 56.4766C88.8106 51.9917 85.1764 48.354 80.694 48.354C76.21 48.354 72.5751 51.9917 72.5751 56.4766C72.5751 56.7241 72.5854 56.9697 72.6073 57.2134L74.8788 82.9907C75.1374 85.9765 77.6439 88.3166 80.694 88.3166C83.7434 88.3166 86.2489 85.9765 86.507 82.9907L88.78 57.2134C88.7994 56.9697 88.8106 56.7241 88.8106 56.4766Z"
-                fill="#1D1818" />
-            <path
-                d="M48.9242 59.2025C51.9412 58.2994 53.685 55.1604 52.8571 52.1194L52.0904 49.3365L52.0635 49.2572C51.5811 47.6451 49.885 46.7326 48.2726 47.2141C46.6621 47.6988 45.7481 49.3942 46.2315 51.0063L46.2546 51.0862L48.9242 59.2025Z"
-                fill="#1D1818" />
-            <path
-                d="M47.0804 52.3644C48.2977 53.4919 50.1882 53.4323 51.3366 52.2474L64.5557 38.6944L64.6237 38.6267C65.9519 37.1865 65.8645 34.9416 64.4231 33.6075C62.9845 32.2747 60.733 32.3636 59.4055 33.8035L59.3409 33.8724L46.8666 48.1157C45.7754 49.3499 45.8656 51.2398 47.0804 52.3644Z"
-                fill="#1D1818" />
-            <path
-                d="M58.9817 38.0669C59.9881 39.7165 62.1219 40.2529 63.7861 39.2921L80.1152 29.8979C80.1458 29.8788 80.1836 29.8573 80.2154 29.8367C82.1283 28.6668 82.7297 26.1719 81.5585 24.2546C80.3886 22.3448 77.8918 21.7438 75.9764 22.9124C75.9427 22.9333 75.9109 22.9555 75.8803 22.9745L60.0804 33.2347C58.4686 34.2804 57.9756 36.4199 58.9817 38.0669Z"
-                fill="#1D1818" />
-            <path
-                d="M74.7645 0.999899C73.828 0.999899 72.8746 1.13845 71.9313 1.43678C66.9402 2.99832 64.1623 8.31394 65.7254 13.3016C66.9948 17.3571 70.7308 19.9484 74.7601 19.9484C75.6981 19.9484 76.6527 19.8074 77.593 19.5134C82.5856 17.9491 85.3645 12.6378 83.8036 7.64426C82.5335 3.59124 78.7975 0.999899 74.7645 0.999899Z"
-                fill="#1D1818" />
-            <path
-                d="M65.7255 13.3044C65.2312 11.7294 65.1728 10.1233 65.4758 8.61165C58.6121 10.8107 63.9842 23.0288 58.3412 27.2378C63.1154 31.3139 69.5176 28.2714 68.3059 23.2825C67.7801 21.1271 66.7032 17.6701 66.1827 14.4799C66.0082 14.1039 65.8516 13.7101 65.7255 13.3044Z"
-                fill="#1D1818" />
-            <path
-                d="M92.0079 35.1054C92.0079 34.2104 91.791 33.3722 91.4112 32.6295L91.4144 32.6264L88.0151 25.9C86.7057 23.1751 83.9181 21.2943 80.6951 21.2943C76.2087 21.2943 72.5757 24.932 72.5757 29.4137V56.4764C72.5757 60.9601 76.2087 64.5931 80.6951 64.5931C85.1769 64.5931 88.8118 60.9601 88.8118 56.4764V40.0793C90.6969 39.2174 92.0079 37.3185 92.0079 35.1054Z"
-                fill="#A00078" />
-            <path
-                d="M88.7643 52.126C88.7643 52.126 95.1026 75.0215 95.6765 76.9678C96.2522 78.9129 94.8367 79.8777 92.7684 79.3288C91.1179 78.8876 70.8831 73.2056 62.724 70.9082C60.6419 70.3262 60.1379 68.8649 61.5616 67.039C62.9874 65.2135 72.6253 52.1572 72.6253 52.1572L88.7643 52.126Z"
-                fill="#A00078" />
-            <path
-                d="M119.339 47.4866C117.369 45.0347 113.801 44.6038 111.298 46.508L109.011 48.2692L108.943 48.3238C107.636 49.3761 107.431 51.2962 108.478 52.6047C109.533 53.9141 111.45 54.12 112.762 53.0715L112.824 53.02L119.339 47.4866Z"
-                fill="#1D1818" />
-            <path
-                d="M113.773 52.0193C114.616 50.5894 114.162 48.7558 112.758 47.8879L96.7106 37.8343C96.6869 37.8169 96.6603 37.8025 96.6316 37.7832C94.9418 36.7877 92.7658 37.3522 91.7666 39.0414C90.768 40.7321 91.3347 42.9075 93.0202 43.9086C93.0501 43.922 93.077 43.9379 93.1057 43.9526L109.665 53.1308C111.107 53.9366 112.93 53.4479 113.773 52.0193Z"
-                fill="#1D1818" />
-            <path
-                d="M96.8229 43.1763C98.2805 41.9084 98.4534 39.7149 97.2354 38.2367L85.2652 23.686C85.2408 23.6582 85.213 23.6273 85.1887 23.5952C83.717 21.9029 81.1516 21.7238 79.4599 23.1964C77.7723 24.6674 77.5873 27.2304 79.0627 28.9214C79.0854 28.9508 79.1114 28.9792 79.1413 29.0097L91.8702 42.8939C93.168 44.3106 95.3599 44.4454 96.8229 43.1763Z"
-                fill="#1D1818" />
-            <path d="M72.5617 52.2125L72.5424 50.8896H88.829L88.7888 52.2558L89.1945 53.6929H71.5067L72.5617 52.2125Z"
-                fill="#1D1818" />
-            <path
-                d="M50.825 82.1611L54.967 81.1978L59.5234 74.4264L55.1286 71.9075L44 79.4855C45.5041 81.6974 48.2106 82.7656 50.825 82.1611Z"
-                fill="#A00078" />
-            <path
-                d="M86.7134 107.004L84.4659 106.163H76.9156V112.967H91.0491C90.9923 110.293 89.2763 107.919 86.7134 107.004Z"
-                fill="#A00078" />
-        </g>
-        <mask id="mask1_919_2822" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="44" y="1" width="126"
-            height="113">
-            <path d="M44 1.00005H170V113.049H44V1.00005Z" fill="white" />
-        </mask>
-        <g mask="url(#mask1_919_2822)">
-            <path
-                d="M130.404 24.1743C130.976 22.3263 132.906 21.2837 134.76 21.8014L152.898 26.8783C152.935 26.8889 152.976 26.898 153.011 26.9111C155.153 27.572 156.352 29.8447 155.691 31.9836C155.032 34.1299 152.759 35.326 150.617 34.6654C150.579 34.6564 150.543 34.6414 150.502 34.6311L132.66 28.5862C130.842 27.973 129.835 26.0176 130.404 24.1743Z"
-                fill="#1D1818" />
-            <path
-                d="M115.377 6.84042C118.512 7.12221 120.853 9.84273 120.659 12.9839L120.46 15.8683L120.454 15.9535C120.305 17.6267 118.829 18.8647 117.153 18.7171C115.479 18.5663 114.239 17.0884 114.389 15.4136L114.397 15.3328L115.377 6.84042Z"
-                fill="#1D1818" />
-            <path
-                d="M149.336 27.2393C153.527 25.6435 158.218 27.7539 159.808 31.9464L169.408 57.2447C171 61.4404 168.891 66.1278 164.698 67.7193C160.508 69.308 155.823 67.1972 154.23 63.0094L144.626 37.708C143.039 33.5139 145.144 28.8262 149.336 27.2393Z"
-                fill="#A00078" />
-            <path
-                d="M114.792 14.153C115.628 12.7197 117.452 12.2201 118.894 13.0181L135.506 22.1086L135.588 22.1517C137.282 23.1406 137.858 25.3138 136.869 27.008C135.882 28.7068 133.709 29.2804 132.012 28.2921L131.926 28.2415L115.83 18.28C114.422 17.4193 113.959 15.5847 114.792 14.153Z"
-                fill="#1D1818" />
-            <path
-                d="M145.913 5.33117C147.105 4.91207 148.397 4.72265 149.731 4.81939C154.949 5.19386 158.879 9.72808 158.5 14.9466C158.224 18.8258 155.647 21.9923 152.2 23.205C151.008 23.6241 149.718 23.8104 148.376 23.7149C143.16 23.342 139.235 18.8081 139.611 13.5923C139.886 9.71154 142.465 6.54508 145.913 5.33117Z"
-                fill="#1D1818" />
-            <path
-                d="M140.401 80.9323C140.498 77.7091 143.187 75.1708 146.412 75.2719C149.631 75.3677 152.17 78.0536 152.076 81.2812C152.07 81.4544 152.055 81.6285 152.034 81.7942L148.995 107.601C148.779 109.407 147.214 110.777 145.361 110.723C143.508 110.669 142.033 109.207 141.924 107.391L140.413 81.4513C140.402 81.2781 140.395 81.1077 140.401 80.9323Z"
-                fill="#1D1818" />
-            <path
-                d="M155.238 55.3133C157.91 51.71 162.991 50.9536 166.595 53.6204C170.196 56.2932 170.954 61.3748 168.286 64.9766C168.138 65.1794 167.984 65.3688 167.82 65.5523L150.652 84.9143C148.666 87.1561 145.26 87.5468 142.811 85.7303C140.361 83.9182 139.738 80.5458 141.306 77.991L154.824 55.9278C154.955 55.7175 155.091 55.5134 155.238 55.3133Z"
-                fill="#1D1818" />
-            <path
-                d="M132.578 59.0687C135.213 57.2016 138.857 57.8264 140.716 60.4542C142.585 63.0852 141.964 66.726 139.329 68.593C139.188 68.6932 139.044 68.7899 138.896 68.8736L116.457 81.9791C114.888 82.8922 112.849 82.4759 111.781 80.959C110.709 79.4499 110.986 77.3884 112.369 76.2088L132.171 59.3835C132.302 59.2759 132.438 59.1685 132.578 59.0687Z"
-                fill="#1D1818" />
-            <path
-                d="M167.048 51.0234C167.048 51.0234 169.084 54.3446 169.913 58.9135C170.562 63.3491 167.488 67.4701 163.052 68.1158C162.806 68.152 162.557 68.1757 162.313 68.1935L136.477 69.6598C133.488 69.8324 130.816 67.6892 130.374 64.6734C129.936 61.6521 131.887 58.8361 134.803 58.1514L159.981 52.1902"
-                fill="#1D1818" />
-            <path
-                d="M115.201 48.3255C118.025 46.9297 121.444 48.0431 122.911 50.8238L124.247 53.3874L124.283 53.461C125.024 54.9714 124.409 56.7966 122.905 57.5403C121.398 58.2898 119.568 57.6701 118.824 56.1613L118.79 56.088L115.201 48.3255Z"
-                fill="#1D1818" />
-            <path
-                d="M119.189 55.9039C118.648 54.3364 119.459 52.6285 121.006 52.0571L138.729 45.3994C138.762 45.3906 138.79 45.3785 138.82 45.3697C140.677 44.7297 142.696 45.7111 143.338 47.5666C143.978 49.4218 142.994 51.4443 141.138 52.0843C141.108 52.0962 141.081 52.1068 141.047 52.1111L122.994 57.8128C121.422 58.3158 119.729 57.4726 119.189 55.9039Z"
-                fill="#1D1818" />
-            <path
-                d="M139.361 51.0839C137.779 49.9727 137.373 47.812 138.435 46.2086L148.821 30.4974L148.887 30.3979C150.171 28.5573 152.704 28.112 154.54 29.3943C156.378 30.6856 156.823 33.2167 155.54 35.0528C155.513 35.0815 155.491 35.1137 155.466 35.1499L144.257 50.2866C143.114 51.8285 140.946 52.1892 139.361 51.0839Z"
-                fill="#1D1818" />
-            <path
-                d="M112.242 73.2737L114.071 74.7906L117.873 81.1482L111.985 84.6121L104.941 72.6115C107.272 71.3081 110.181 71.5643 112.242 73.2737Z"
-                fill="#A00078" />
-            <path
-                d="M139.464 107.084L141.85 106.196L149.174 106.176L149.172 113.049L135.167 113.041C135.224 110.371 136.923 107.998 139.464 107.084Z"
-                fill="#A00078" />
-        </g>
-        <mask id="mask2_919_2822" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="211" y="0" width="118"
-            height="114">
-            <path d="M211 0H328.093V114H211V0Z" fill="white" />
-        </mask>
-        <g mask="url(#mask2_919_2822)">
-            <path
-                d="M281.795 17.7818C277.708 13.9879 271.32 14.2228 267.524 18.3079C266.597 19.3053 265.912 20.442 265.464 21.6413C259.336 23.3014 260.281 35.8127 253.66 38.1344C257.22 43.8038 264.701 42.7475 265.058 37.2845C265.193 35.2116 265.211 31.986 265.544 28.9222C266.08 30.2696 266.915 31.5235 268.052 32.5775C272.137 36.3734 278.524 36.1366 282.321 32.0518C286.114 27.9667 285.88 21.5781 281.795 17.7818Z"
-                fill="#231F20" />
-            <path
-                d="M290.653 78.4959L288.131 85.0459L267.614 98.902L263.905 99.2282L265.209 114C268.042 113.69 270.404 111.676 271.14 108.91L272.095 105.323L295.761 94.7935C296.906 94.2982 297.922 93.4014 298.562 92.3285L306.691 78.869C301.933 81.1111 297.425 82.5197 290.653 78.4959Z"
-                fill="#231F20" />
-            <path
-                d="M299.637 29.4011L304.689 23.6559L317.997 8.52476C318.009 8.51318 318.019 8.50161 318.031 8.4897L324.052 1.65411C321.594 -0.630266 317.764 -0.536308 315.418 1.86286L313.276 4.07445C313.273 4.07941 313.269 4.0814 313.264 4.08636L299.148 18.4956C299.144 18.4983 299.142 18.5002 299.14 18.5029L291.74 26.0557L299.637 29.4011Z"
-                fill="#231F20" />
-            <path
-                d="M276.376 42.1981L272.434 46.4287H244.763C244.685 49.7787 247.288 52.5867 250.637 52.7558L253.699 52.8944C253.706 52.8967 253.713 52.8967 253.72 52.8967L273.874 54C274.905 54.0871 275.969 53.6477 276.709 52.9434L280.778 49.0231L276.376 42.1981Z"
-                fill="#231F20" />
-            <path
-                d="M327.199 83.2875L321.629 74.153V74.1553C315.342 74.2585 310.96 76.8502 306.783 78.8269L314.169 87.1919L302.088 106.884C301.735 107.473 301.536 108.162 301.536 108.849V108.887V108.889L301.528 113.544H316.353C316.286 110.716 314.501 108.201 311.836 107.22L326.463 90.7391C326.464 90.7368 326.466 90.7344 326.469 90.7321L326.533 90.659C326.828 90.3282 327.083 89.962 327.3 89.5772C327.292 89.5937 327.294 89.5888 327.3 89.5772C327.314 89.5514 327.345 89.4971 327.3 89.5772C328.392 87.6333 328.356 85.1964 327.199 83.2875Z"
-                fill="#231F20" />
-        </g>
-        <mask id="mask3_919_2822" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="211" y="0" width="118"
-            height="114">
-            <path d="M211 0H328.093V114H211V0Z" fill="white" />
-        </mask>
-        <g mask="url(#mask3_919_2822)">
-            <path
-                d="M234.41 48.4316C234.41 53.0728 228.755 57.2988 222.548 57.2988C216.953 57.2988 213.045 53.6524 213.045 48.4316C213.045 43.2104 216.953 39.5641 222.548 39.5641C228.755 39.5641 234.41 43.7901 234.41 48.4316ZM244.122 48.4316C241.472 48.6149 238.851 49.8727 235.925 51.279C236.266 50.3636 236.453 49.4082 236.453 48.4316C236.453 47.4547 236.266 46.4992 235.928 45.5861C238.852 46.9922 241.472 48.2506 244.122 48.4316ZM222.548 37.5195C215.857 37.5195 211 42.1091 211 48.4316C211 54.7537 215.857 59.3433 222.548 59.3433C226.741 59.3433 230.643 57.7074 233.24 55.2351C235.399 53.4251 241.163 50.1969 244.753 50.1969V50.446H257.181V46.4288H244.753V46.6683C241.168 46.6683 235.416 43.445 233.248 41.6347C230.652 39.1581 226.746 37.5195 222.548 37.5195Z"
-                fill="#A00078" />
-            <path
-                d="M310.056 55.1177L303.854 44.9662C305.087 43.1327 305.226 40.675 303.997 38.6652C303.502 37.8524 302.835 37.2096 302.076 36.7424L302.079 36.7375L296.319 33.1741L299.637 29.401L291.74 26.0553L285.086 32.8476C285.057 32.878 285.028 32.9085 284.999 32.9416C284.977 32.9647 284.96 32.9908 284.937 33.014L276.376 42.1981L280.778 49.0231L284.097 45.8257L294.762 63.2852L294.739 63.2994C294.739 63.2994 294.416 63.8158 290.654 78.496C303.411 86.074 308.13 74.3782 321.629 74.1552C317.3 64.767 311.113 56.5005 310.056 55.1177Z"
-                fill="#A00078" />
-            <path
-                d="M297.159 3.37874C297.159 1.5122 298.67 -1.71661e-05 300.536 -1.71661e-05C302.401 -1.71661e-05 303.914 1.5122 303.914 3.37874C303.914 5.24263 302.401 6.75452 300.536 6.75452C298.67 6.75452 297.159 5.24263 297.159 3.37874Z"
-                fill="#A00078" />
-        </g>
+        <path
+            d="M86.5294 82.4774C86.5294 79.2498 83.9171 76.635 80.6917 76.635C77.4703 76.635 74.8549 79.2498 74.8549 82.4774C74.8549 82.6506 74.863 82.8203 74.8789 82.9907L77.1554 108.878C77.3196 110.688 78.8424 112.107 80.6917 112.107C82.544 112.107 84.0653 110.688 84.2289 108.878L86.5056 82.9907C86.5219 82.8203 86.5294 82.6506 86.5294 82.4774Z"
+            fill="#1D1818" />
+        <path
+            d="M79.5872 88.2075C82.7543 88.8191 85.8171 86.7474 86.4278 83.5812C87.0342 80.4144 84.9677 77.3513 81.7981 76.7412C81.6268 76.7069 81.4552 76.6875 81.2882 76.6666L55.4395 74.0057C53.6305 73.8253 51.9494 75.0505 51.5974 76.8694C51.2454 78.6844 52.3535 80.4506 54.1001 80.9499L79.0854 88.0898C79.2508 88.1332 79.4165 88.175 79.5872 88.2075Z"
+            fill="#1D1818" />
+        <path
+            d="M88.8106 56.4766C88.8106 51.9917 85.1764 48.354 80.694 48.354C76.21 48.354 72.5751 51.9917 72.5751 56.4766C72.5751 56.7241 72.5854 56.9697 72.6073 57.2134L74.8788 82.9907C75.1374 85.9765 77.6439 88.3166 80.694 88.3166C83.7434 88.3166 86.2489 85.9765 86.507 82.9907L88.78 57.2134C88.7994 56.9697 88.8106 56.7241 88.8106 56.4766Z"
+            fill="#1D1818" />
+        <path
+            d="M48.9242 59.2025C51.9412 58.2994 53.685 55.1604 52.8571 52.1194L52.0904 49.3365L52.0635 49.2572C51.5811 47.6451 49.885 46.7326 48.2726 47.2141C46.6621 47.6988 45.7481 49.3942 46.2315 51.0063L46.2546 51.0862L48.9242 59.2025Z"
+            fill="#1D1818" />
+        <path
+            d="M47.0804 52.3644C48.2977 53.4919 50.1882 53.4323 51.3366 52.2474L64.5557 38.6944L64.6237 38.6267C65.9519 37.1865 65.8645 34.9416 64.4231 33.6075C62.9845 32.2747 60.733 32.3636 59.4055 33.8035L59.3409 33.8724L46.8666 48.1157C45.7754 49.3499 45.8656 51.2398 47.0804 52.3644Z"
+            fill="#1D1818" />
+        <path
+            d="M58.9817 38.0669C59.9881 39.7165 62.1219 40.2529 63.7861 39.2921L80.1152 29.8979C80.1458 29.8788 80.1836 29.8573 80.2154 29.8367C82.1283 28.6668 82.7297 26.1719 81.5585 24.2546C80.3886 22.3448 77.8918 21.7438 75.9764 22.9124C75.9427 22.9333 75.9109 22.9555 75.8803 22.9745L60.0804 33.2347C58.4686 34.2804 57.9756 36.4199 58.9817 38.0669Z"
+            fill="#1D1818" />
+        <path
+            d="M74.7645 0.999899C73.828 0.999899 72.8746 1.13845 71.9313 1.43678C66.9402 2.99832 64.1623 8.31394 65.7254 13.3016C66.9948 17.3571 70.7308 19.9484 74.7601 19.9484C75.6981 19.9484 76.6527 19.8074 77.593 19.5134C82.5856 17.9491 85.3645 12.6378 83.8036 7.64426C82.5335 3.59124 78.7975 0.999899 74.7645 0.999899Z"
+            fill="#1D1818" />
+        <path
+            d="M65.7255 13.3044C65.2312 11.7294 65.1728 10.1233 65.4758 8.61165C58.6121 10.8107 63.9842 23.0288 58.3412 27.2378C63.1154 31.3139 69.5176 28.2714 68.3059 23.2825C67.7801 21.1271 66.7032 17.6701 66.1827 14.4799C66.0082 14.1039 65.8516 13.7101 65.7255 13.3044Z"
+            fill="#1D1818" />
+        <path
+            d="M92.0079 35.1054C92.0079 34.2104 91.791 33.3722 91.4112 32.6295L91.4144 32.6264L88.0151 25.9C86.7057 23.1751 83.9181 21.2943 80.6951 21.2943C76.2087 21.2943 72.5757 24.932 72.5757 29.4137V56.4764C72.5757 60.9601 76.2087 64.5931 80.6951 64.5931C85.1769 64.5931 88.8118 60.9601 88.8118 56.4764V40.0793C90.6969 39.2174 92.0079 37.3185 92.0079 35.1054Z"
+            fill="#A00078" />
+        <path
+            d="M88.7643 52.126C88.7643 52.126 95.1026 75.0215 95.6765 76.9678C96.2522 78.9129 94.8367 79.8777 92.7684 79.3288C91.1179 78.8876 70.8831 73.2056 62.724 70.9082C60.6419 70.3262 60.1379 68.8649 61.5616 67.039C62.9874 65.2135 72.6253 52.1572 72.6253 52.1572L88.7643 52.126Z"
+            fill="#A00078" />
+        <path
+            d="M119.339 47.4866C117.369 45.0347 113.801 44.6038 111.298 46.508L109.011 48.2692L108.943 48.3238C107.636 49.3761 107.431 51.2962 108.478 52.6047C109.533 53.9141 111.45 54.12 112.762 53.0715L112.824 53.02L119.339 47.4866Z"
+            fill="#1D1818" />
+        <path
+            d="M113.773 52.0193C114.616 50.5894 114.162 48.7558 112.758 47.8879L96.7106 37.8343C96.6869 37.8169 96.6603 37.8025 96.6316 37.7832C94.9418 36.7877 92.7658 37.3522 91.7666 39.0414C90.768 40.7321 91.3347 42.9075 93.0202 43.9086C93.0501 43.922 93.077 43.9379 93.1057 43.9526L109.665 53.1308C111.107 53.9366 112.93 53.4479 113.773 52.0193Z"
+            fill="#1D1818" />
+        <path
+            d="M96.8229 43.1763C98.2805 41.9084 98.4534 39.7149 97.2354 38.2367L85.2652 23.686C85.2408 23.6582 85.213 23.6273 85.1887 23.5952C83.717 21.9029 81.1516 21.7238 79.4599 23.1964C77.7723 24.6674 77.5873 27.2304 79.0627 28.9214C79.0854 28.9508 79.1114 28.9792 79.1413 29.0097L91.8702 42.8939C93.168 44.3106 95.3599 44.4454 96.8229 43.1763Z"
+            fill="#1D1818" />
+        <path d="M72.5617 52.2125L72.5424 50.8896H88.829L88.7888 52.2558L89.1945 53.6929H71.5067L72.5617 52.2125Z"
+            fill="#1D1818" />
+        <path
+            d="M50.825 82.1611L54.967 81.1978L59.5234 74.4264L55.1286 71.9075L44 79.4855C45.5041 81.6974 48.2106 82.7656 50.825 82.1611Z"
+            fill="#A00078" />
+        <path
+            d="M86.7134 107.004L84.4659 106.163H76.9156V112.967H91.0491C90.9923 110.293 89.2763 107.919 86.7134 107.004Z"
+            fill="#A00078" />
+        <path
+            d="M130.404 24.1743C130.976 22.3263 132.906 21.2837 134.76 21.8014L152.898 26.8783C152.935 26.8889 152.976 26.898 153.011 26.9111C155.153 27.572 156.352 29.8447 155.691 31.9836C155.032 34.1299 152.759 35.326 150.617 34.6654C150.579 34.6564 150.543 34.6414 150.502 34.6311L132.66 28.5862C130.842 27.973 129.835 26.0176 130.404 24.1743Z"
+            fill="#1D1818" />
+        <path
+            d="M115.377 6.84042C118.512 7.12221 120.853 9.84273 120.659 12.9839L120.46 15.8683L120.454 15.9535C120.305 17.6267 118.829 18.8647 117.153 18.7171C115.479 18.5663 114.239 17.0884 114.389 15.4136L114.397 15.3328L115.377 6.84042Z"
+            fill="#1D1818" />
+        <path
+            d="M149.336 27.2393C153.527 25.6435 158.218 27.7539 159.808 31.9464L169.408 57.2447C171 61.4404 168.891 66.1278 164.698 67.7193C160.508 69.308 155.823 67.1972 154.23 63.0094L144.626 37.708C143.039 33.5139 145.144 28.8262 149.336 27.2393Z"
+            fill="#A00078" />
+        <path
+            d="M114.792 14.153C115.628 12.7197 117.452 12.2201 118.894 13.0181L135.506 22.1086L135.588 22.1517C137.282 23.1406 137.858 25.3138 136.869 27.008C135.882 28.7068 133.709 29.2804 132.012 28.2921L131.926 28.2415L115.83 18.28C114.422 17.4193 113.959 15.5847 114.792 14.153Z"
+            fill="#1D1818" />
+        <path
+            d="M145.913 5.33117C147.105 4.91207 148.397 4.72265 149.731 4.81939C154.949 5.19386 158.879 9.72808 158.5 14.9466C158.224 18.8258 155.647 21.9923 152.2 23.205C151.008 23.6241 149.718 23.8104 148.376 23.7149C143.16 23.342 139.235 18.8081 139.611 13.5923C139.886 9.71154 142.465 6.54508 145.913 5.33117Z"
+            fill="#1D1818" />
+        <path
+            d="M140.401 80.9323C140.498 77.7091 143.187 75.1708 146.412 75.2719C149.631 75.3677 152.17 78.0536 152.076 81.2812C152.07 81.4544 152.055 81.6285 152.034 81.7942L148.995 107.601C148.779 109.407 147.214 110.777 145.361 110.723C143.508 110.669 142.033 109.207 141.924 107.391L140.413 81.4513C140.402 81.2781 140.395 81.1077 140.401 80.9323Z"
+            fill="#1D1818" />
+        <path
+            d="M155.238 55.3133C157.91 51.71 162.991 50.9536 166.595 53.6204C170.196 56.2932 170.954 61.3748 168.286 64.9766C168.138 65.1794 167.984 65.3688 167.82 65.5523L150.652 84.9143C148.666 87.1561 145.26 87.5468 142.811 85.7303C140.361 83.9182 139.738 80.5458 141.306 77.991L154.824 55.9278C154.955 55.7175 155.091 55.5134 155.238 55.3133Z"
+            fill="#1D1818" />
+        <path
+            d="M132.578 59.0687C135.213 57.2016 138.857 57.8264 140.716 60.4542C142.585 63.0852 141.964 66.726 139.329 68.593C139.188 68.6932 139.044 68.7899 138.896 68.8736L116.457 81.9791C114.888 82.8922 112.849 82.4759 111.781 80.959C110.709 79.4499 110.986 77.3884 112.369 76.2088L132.171 59.3835C132.302 59.2759 132.438 59.1685 132.578 59.0687Z"
+            fill="#1D1818" />
+        <path
+            d="M167.048 51.0234C167.048 51.0234 169.084 54.3446 169.913 58.9135C170.562 63.3491 167.488 67.4701 163.052 68.1158C162.806 68.152 162.557 68.1757 162.313 68.1935L136.477 69.6598C133.488 69.8324 130.816 67.6892 130.374 64.6734C129.936 61.6521 131.887 58.8361 134.803 58.1514L159.981 52.1902"
+            fill="#1D1818" />
+        <path
+            d="M115.201 48.3255C118.025 46.9297 121.444 48.0431 122.911 50.8238L124.247 53.3874L124.283 53.461C125.024 54.9714 124.409 56.7966 122.905 57.5403C121.398 58.2898 119.568 57.6701 118.824 56.1613L118.79 56.088L115.201 48.3255Z"
+            fill="#1D1818" />
+        <path
+            d="M119.189 55.9039C118.648 54.3364 119.459 52.6285 121.006 52.0571L138.729 45.3994C138.762 45.3906 138.79 45.3785 138.82 45.3697C140.677 44.7297 142.696 45.7111 143.338 47.5666C143.978 49.4218 142.994 51.4443 141.138 52.0843C141.108 52.0962 141.081 52.1068 141.047 52.1111L122.994 57.8128C121.422 58.3158 119.729 57.4726 119.189 55.9039Z"
+            fill="#1D1818" />
+        <path
+            d="M139.361 51.0839C137.779 49.9727 137.373 47.812 138.435 46.2086L148.821 30.4974L148.887 30.3979C150.171 28.5573 152.704 28.112 154.54 29.3943C156.378 30.6856 156.823 33.2167 155.54 35.0528C155.513 35.0815 155.491 35.1137 155.466 35.1499L144.257 50.2866C143.114 51.8285 140.946 52.1892 139.361 51.0839Z"
+            fill="#1D1818" />
+        <path
+            d="M112.242 73.2737L114.071 74.7906L117.873 81.1482L111.985 84.6121L104.941 72.6115C107.272 71.3081 110.181 71.5643 112.242 73.2737Z"
+            fill="#A00078" />
+        <path
+            d="M139.464 107.084L141.85 106.196L149.174 106.176L149.172 113.049L135.167 113.041C135.224 110.371 136.923 107.998 139.464 107.084Z"
+            fill="#A00078" />
+        <path
+            d="M281.795 17.7818C277.708 13.9879 271.32 14.2228 267.524 18.3079C266.597 19.3053 265.912 20.442 265.464 21.6413C259.336 23.3014 260.281 35.8127 253.66 38.1344C257.22 43.8038 264.701 42.7475 265.058 37.2845C265.193 35.2116 265.211 31.986 265.544 28.9222C266.08 30.2696 266.915 31.5235 268.052 32.5775C272.137 36.3734 278.524 36.1366 282.321 32.0518C286.114 27.9667 285.88 21.5781 281.795 17.7818Z"
+            fill="#231F20" />
+        <path
+            d="M290.653 78.4959L288.131 85.0459L267.614 98.902L263.905 99.2282L265.209 114C268.042 113.69 270.404 111.676 271.14 108.91L272.095 105.323L295.761 94.7935C296.906 94.2982 297.922 93.4014 298.562 92.3285L306.691 78.869C301.933 81.1111 297.425 82.5197 290.653 78.4959Z"
+            fill="#231F20" />
+        <path
+            d="M299.637 29.4011L304.689 23.6559L317.997 8.52476C318.009 8.51318 318.019 8.50161 318.031 8.4897L324.052 1.65411C321.594 -0.630266 317.764 -0.536308 315.418 1.86286L313.276 4.07445C313.273 4.07941 313.269 4.0814 313.264 4.08636L299.148 18.4956C299.144 18.4983 299.142 18.5002 299.14 18.5029L291.74 26.0557L299.637 29.4011Z"
+            fill="#231F20" />
+        <path
+            d="M276.376 42.1981L272.434 46.4287H244.763C244.685 49.7787 247.288 52.5867 250.637 52.7558L253.699 52.8944C253.706 52.8967 253.713 52.8967 253.72 52.8967L273.874 54C274.905 54.0871 275.969 53.6477 276.709 52.9434L280.778 49.0231L276.376 42.1981Z"
+            fill="#231F20" />
+        <path
+            d="M327.199 83.2875L321.629 74.153V74.1553C315.342 74.2585 310.96 76.8502 306.783 78.8269L314.169 87.1919L302.088 106.884C301.735 107.473 301.536 108.162 301.536 108.849V108.887V108.889L301.528 113.544H316.353C316.286 110.716 314.501 108.201 311.836 107.22L326.463 90.7391C326.464 90.7368 326.466 90.7344 326.469 90.7321L326.533 90.659C326.828 90.3282 327.083 89.962 327.3 89.5772C327.292 89.5937 327.294 89.5888 327.3 89.5772C327.314 89.5514 327.345 89.4971 327.3 89.5772C328.392 87.6333 328.356 85.1964 327.199 83.2875Z"
+            fill="#231F20" />
+        <path
+            d="M234.41 48.4316C234.41 53.0728 228.755 57.2988 222.548 57.2988C216.953 57.2988 213.045 53.6524 213.045 48.4316C213.045 43.2104 216.953 39.5641 222.548 39.5641C228.755 39.5641 234.41 43.7901 234.41 48.4316ZM244.122 48.4316C241.472 48.6149 238.851 49.8727 235.925 51.279C236.266 50.3636 236.453 49.4082 236.453 48.4316C236.453 47.4547 236.266 46.4992 235.928 45.5861C238.852 46.9922 241.472 48.2506 244.122 48.4316ZM222.548 37.5195C215.857 37.5195 211 42.1091 211 48.4316C211 54.7537 215.857 59.3433 222.548 59.3433C226.741 59.3433 230.643 57.7074 233.24 55.2351C235.399 53.4251 241.163 50.1969 244.753 50.1969V50.446H257.181V46.4288H244.753V46.6683C241.168 46.6683 235.416 43.445 233.248 41.6347C230.652 39.1581 226.746 37.5195 222.548 37.5195Z"
+            fill="#A00078" />
+        <path
+            d="M310.056 55.1177L303.854 44.9662C305.087 43.1327 305.226 40.675 303.997 38.6652C303.502 37.8524 302.835 37.2096 302.076 36.7424L302.079 36.7375L296.319 33.1741L299.637 29.401L291.74 26.0553L285.086 32.8476C285.057 32.878 285.028 32.9085 284.999 32.9416C284.977 32.9647 284.96 32.9908 284.937 33.014L276.376 42.1981L280.778 49.0231L284.097 45.8257L294.762 63.2852L294.739 63.2994C294.739 63.2994 294.416 63.8158 290.654 78.496C303.411 86.074 308.13 74.3782 321.629 74.1552C317.3 64.767 311.113 56.5005 310.056 55.1177Z"
+            fill="#A00078" />
+        <path
+            d="M297.159 3.37874C297.159 1.5122 298.67 -1.71661e-05 300.536 -1.71661e-05C302.401 -1.71661e-05 303.914 1.5122 303.914 3.37874C303.914 5.24263 302.401 6.75452 300.536 6.75452C298.67 6.75452 297.159 5.24263 297.159 3.37874Z"
+            fill="#A00078" />
     </g>
 </svg>
\ No newline at end of file
diff --git a/src/modules/city-pass/components/BudgetBalanceButton.tsx b/src/modules/city-pass/components/BudgetBalanceButton.tsx
index 372b3122f..212488231 100644
--- a/src/modules/city-pass/components/BudgetBalanceButton.tsx
+++ b/src/modules/city-pass/components/BudgetBalanceButton.tsx
@@ -66,7 +66,7 @@ export const BudgetBalanceButton = ({budget, passNumber}: Props) => {
               <Icon
                 color="cityPass"
                 name="chevron-right"
-                size="lg"
+                size="ml"
                 testID="CityPassBalanceButtonNavigationIcon"
               />
             </Row>
diff --git a/src/modules/city-pass/components/CityPassDetailsPassNumber.tsx b/src/modules/city-pass/components/CityPassDetailsPassNumber.tsx
index 65abc1a1a..86a9310ff 100644
--- a/src/modules/city-pass/components/CityPassDetailsPassNumber.tsx
+++ b/src/modules/city-pass/components/CityPassDetailsPassNumber.tsx
@@ -35,7 +35,7 @@ export const CityPassDetailsPassNumber = ({passNumberComplete}: Props) => {
       testID="CityPassDetailScreenCopyButton">
       <Row
         align="between"
-        gutter="md"
+        gutter="sm"
         valign="center"
         vgutter="sm"
         wrap>
@@ -59,7 +59,7 @@ export const CityPassDetailsPassNumber = ({passNumberComplete}: Props) => {
           <Icon
             color={isPassNumberCopied ? 'confirm' : 'link'}
             name="copy"
-            size="lg"
+            size="md"
             testID="CityPassDetailScreenCopyButtonIcon"
           />
         </Row>