diff --git a/package.json b/package.json
index 826463a99..0991cd121 100644
--- a/package.json
+++ b/package.json
@@ -53,7 +53,6 @@
     "react-draggable": "^4.4.5",
     "react-ga4": "^2.1.0",
     "react-google-recaptcha": "^2.1.0",
-    "react-helmet": "^6.1.0",
     "react-icons": "^4.8.0",
     "react-idle-timer": "^4.6.4",
     "react-image-size": "^2.0.0",
@@ -66,7 +65,7 @@
     "react-remove-scroll": "^2.5.5",
     "react-resize-detector": "^7.1.2",
     "react-responsive": "^9.0.2",
-    "react-router-dom": "^6.8.1",
+    "react-router-dom": "^6.19.0",
     "react-router-hash-link": "^2.4.3",
     "react-scripts": "5.0.1",
     "react-slick": "^0.29.0",
diff --git a/public/index.html b/public/index.html
index 95aafd29b..661aca9aa 100644
--- a/public/index.html
+++ b/public/index.html
@@ -7,19 +7,15 @@
       <link rel="icon" href="favicon.ico" />
       <meta name="viewport" content="width=device-width, initial-scale=1" />
       <meta name="theme-color" content="#000000" />
-      <meta property='og:title' content="«Стріткод: історія на кожному кроці» — платформа про імена в назвах вулиць." data-react-helmet="true" />
-      <meta property='og:description' content="" data-react-helmet="true" />
-      <meta name="twitter:card" content="«Стріткод: історія на кожному кроці»" data-react-helmet="true" />
-      <meta
-              data-react-helmet="true"
-              property="og:image"
-              content='/banner.webp'
-      />
-      <meta property="og:image:width" content="3202" data-react-helmet="true" />
-      <meta property="og:image:height" content="1472" data-react-helmet="true" />
+      <meta property='og:title' content="«Стріткод: історія на кожному кроці» — платформа про імена в назвах вулиць." />
+      <meta property='og:description' content="" />
+      <meta name="twitter:card" content="«Стріткод: історія на кожному кроці»" />
+      <meta property="og:image" content='https://oleh-kril.github.io/Todo/banner.webp' />
+      <meta property="og:image:width" content="3202" />
+      <meta property="og:image:height" content="1472" />
       <!-- Google Tag Manager -->
       <script>(function (w, d, s, l, i) {
-                  w[l] = w[l] || []; w[l].push({
+            https://github.com/w[l] = w[l] || []; w[l].push({
                         'gtm.start':
                               new Date().getTime(), event: 'gtm.js'
                   }); var f = d.getElementsByTagName(s)[0],
diff --git a/src/app/common/components/modals/Donates/DonatesModal.component.tsx b/src/app/common/components/modals/Donates/DonatesModal.component.tsx
index 80f5fb3df..6091d9a2b 100644
--- a/src/app/common/components/modals/Donates/DonatesModal.component.tsx
+++ b/src/app/common/components/modals/Donates/DonatesModal.component.tsx
@@ -21,7 +21,6 @@ const DonatesModal = () => {
     const { setModal, modalsState: { donates } } = modalStore;
 
     const [donateAmount, setDonateAmount] = useState<number>(0);
-    const [activeBtnIdx, setActiveBtnIndex] = useState<number>();
     const [inputStyle, setInputStyle] = useState({ width: '100%' });
 
     const [isCheckboxChecked, setIsCheckboxChecked] = useState<boolean>(false);
@@ -30,7 +29,6 @@ const DonatesModal = () => {
 
     const handleAmountBtnClick = (btnIdx: number) => {
         setDonateAmount(possibleDonateAmounts[btnIdx]);
-        setActiveBtnIndex(btnIdx);
     };
 
     const handleModalClose = () => {
@@ -57,7 +55,7 @@ const DonatesModal = () => {
 
     const charWidth = windowSize.width > 1024 ? 42 : 21;
     const firstWidth = windowSize.width > 1024 ? 13 : 6;
-    const baseValWidth = windowSize.width > 1024 ? 3 : 4;
+    const baseValWidth = windowSize.width > 1024 ? 2 : 1;
     const count = (donateAmount.toString().match(/1/g) || []).length;
     const zeroCount = (donateAmount.toString().match(/[0689]/g) || []).length;
 
@@ -124,7 +122,7 @@ const DonatesModal = () => {
                         onChange={handleDonateInputChange}
                         style={{ ...style, width: 'var(--input-width)' }}
                         placeholder="0"
-                        maxLength={15}
+                        maxLength={14}
                         value={donateAmount === 0 ? '' : donateAmount}
                         className={`amountInput ${(donateAmount !== 0) ? 'active' : ''} `}
                     />
@@ -134,8 +132,7 @@ const DonatesModal = () => {
                     {possibleDonateAmounts.map((amount, idx) => (
                         <Button
                             key={amount}
-                            className={(activeBtnIdx === idx
-                                && donateAmount === possibleDonateAmounts[idx]) ? 'active' : ''}
+                            className={(donateAmount === possibleDonateAmounts[idx]) ? 'active' : ''}
                             onClick={() => handleAmountBtnClick(idx)}
                         >
                             {amount}
@@ -149,7 +146,7 @@ const DonatesModal = () => {
                         checked={isCheckboxChecked}
                         onChange={(e) => setIsCheckboxChecked(e.target.checked)}
                     >
-                        Я даю згоду на обробку моїх <a className='privacyPolicy' href='/privacy-policy'>персональних даних</a>
+                        Я даю згоду на обробку моїх <a className="privacyPolicy" href="/privacy-policy">персональних даних</a>
                     </Checkbox>
                 </div>
                 <button
diff --git a/src/app/common/components/modals/Donates/DonatesModal.styles.scss b/src/app/common/components/modals/Donates/DonatesModal.styles.scss
index 515c2cd4d..f94ea0e9e 100644
--- a/src/app/common/components/modals/Donates/DonatesModal.styles.scss
+++ b/src/app/common/components/modals/Donates/DonatesModal.styles.scss
@@ -118,7 +118,7 @@
       @include mut.flex-centered();
 
       border-radius: 15px !important;
-      border: 3px solid c.$dark-red-color;
+      border: 3px solid c.$button-border-red-color;
       @include vnd.vendored(transition, 'background-color .75s ease');
       box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.19);
 
@@ -131,7 +131,7 @@
 
       &:where(:hover, &.active) {
         background-color: c.$accented-red-color;
-        border: 3px solid c.$accented-red-color;
+        border: none !important;
 
         > span {
           color: c.$pure-white-color;
@@ -331,11 +331,15 @@
           width: f.pxToRem(100px) !important;
           height: f.pxToRem(37px) !important;
           border-radius: 11px !important;
-          border: 2px solid c.$dark-red-color;
+          border: 2px solid c.$button-border-red-color;
 
           > span{
             @include mut.with-font(ft.$closer-text-font, $font-size: 16px, $font-weight: 350);
           }
+
+          &:where(:hover, &.active) {
+            border: none !important;
+          }
         }
       }
 
diff --git a/src/app/common/components/modals/Partners/PartnersModal.component.tsx b/src/app/common/components/modals/Partners/PartnersModal.component.tsx
index 690dc322f..7168249c2 100644
--- a/src/app/common/components/modals/Partners/PartnersModal.component.tsx
+++ b/src/app/common/components/modals/Partners/PartnersModal.component.tsx
@@ -3,8 +3,9 @@ import './PartnersModal.styles.scss';
 import CancelBtn from '@images/utils/Cancel_btn.svg';
 
 import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import ReCAPTCHA from 'react-google-recaptcha';
+import { useNavigate } from 'react-router-dom';
 import useMobx, { useModalContext } from '@stores/root-store';
 
 import {
@@ -48,6 +49,7 @@ const PartnersModal = () => {
 
     const onCancel = () => {
         partners.isOpen = false;
+        form.resetFields();
     };
 
     const handleVerify = () => {
@@ -69,6 +71,21 @@ const PartnersModal = () => {
         });
     };
 
+    useEffect(() => {
+        const handleRouteChange = () => {
+            if (partners.isOpen) {
+                onCancel();
+                window.history.replaceState(null, '');
+            }
+        };
+
+        window.addEventListener('popstate', handleRouteChange);
+
+        return () => {
+            window.removeEventListener('popstate', handleRouteChange);
+        };
+    }, [partners.isOpen]);
+
     return (
         <Modal
             className="partnersModal"
diff --git a/src/app/common/components/modals/Partners/PartnersModal.styles.scss b/src/app/common/components/modals/Partners/PartnersModal.styles.scss
index 611828c69..b16c86746 100644
--- a/src/app/common/components/modals/Partners/PartnersModal.styles.scss
+++ b/src/app/common/components/modals/Partners/PartnersModal.styles.scss
@@ -5,60 +5,70 @@
 @use "@assets/sass/mixins/_vendor.mixins.scss" as vnd;
 
 .partnersModal {
-    .ant-input-affix-wrapper, .ant-input-affix-wrapper-focused{
+
+    .ant-input-affix-wrapper,
+    .ant-input-affix-wrapper-focused {
         border: none;
         box-shadow: none !important;
     }
+
     width: f.pxToRem(1012px) !important;
     height: f.pxToRem(460px);
 
     &.ant-modal {
-      .ant-modal-content {
-        @include mut.full-rounded(20px, $overflow: visible);
+        .ant-modal-content {
+            @include mut.full-rounded(20px, $overflow: visible);
+
+            padding: f.pxToRem(24px) f.pxToRem(40px);
+            box-shadow: 0 7px 11px 2px rgba(0, 0, 0, 0.25);
+        }
 
-        padding: f.pxToRem(24px)  f.pxToRem(40px);
-        box-shadow: 0 7px 11px 2px rgba(0, 0, 0, 0.25);
-      }
+        .ant-modal-close {
+            @include mut.positioned-as(absolute, $left: 94%, $top: -25px);
+            @include mut.circular(80px, c.$pure-white-color);
 
-      .ant-modal-close {
-        @include mut.positioned-as(absolute, $left: 94%, $top: -25px);
-        @include mut.circular(80px, c.$pure-white-color);
+            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
 
-        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-        .ant-modal-close-x{
-          font-size: 24px;
-        }
-        &:hover {
-          background-color: c.$modal-hover-color;
+            .ant-modal-close-x {
+                font-size: 24px;
+            }
+
+            &:hover {
+                background-color: c.$modal-hover-color;
+            }
         }
-      }
     }
 
-    .partnersModalContent{
-        .formContainer{
+    .partnersModalContent {
+
+        .formContainer {
             text-align: center;
 
-            .formTitle{
-            @include mut.with-font($font-family: ft.$closer-text-font, $font-weight: 500, $font-size: 20px);
-            line-height: 26px;
-            color: #1D1F23;
-            text-align: left;
+            .formTitle {
+                @include mut.with-font($font-family: ft.$closer-text-font, $font-weight: 500, $font-size: 20px);
+                line-height: 26px;
+                color: #1D1F23;
+                text-align: left;
 
-            margin-bottom: f.pxToRem(32px);
+                margin-bottom: f.pxToRem(32px);
             }
 
-            .contactForm{
+            .contactForm {
                 @include mut.flexed($direction: column, $gap: 24px);
 
-                textarea{
+                textarea {
                     resize: none;
                     outline: none;
                     height: f.pxToRem(140px);
                 }
-                textarea, input:focus{
+
+                textarea,
+                input:focus {
                     outline: none;
                 }
-                textarea, input{
+
+                textarea,
+                input {
                     width: 100%;
                     padding: f.pxToRem(12px) f.pxToRem(24px);
                     border: 1px solid #D3CDCA;
@@ -70,9 +80,10 @@
                     // color: #C4C4C4;
                 }
 
-                .textareaBlock{
+                .textareaBlock {
                     position: relative;
-                    .amountSymbols{
+
+                    .amountSymbols {
                         position: absolute;
                         bottom: f.pxToRem(10px);
                         right: f.pxToRem(10px);
@@ -80,26 +91,35 @@
                     }
                 }
 
-                .ant-input:hover, .ant-input:focus{
+                .ant-input:hover,
+                .ant-input:focus {
                     border: 1px solid #D3CDCA;
                     box-shadow: none;
                 }
-                .ant-form-item{
+
+                .ant-form-item {
                     margin-bottom: 0;
+
+                    .ant-form-item-explain-error {
+                        padding-top: f.pxToRem(15px)
+                    }
                 }
-                .ant-form-item:focus{
+
+                .ant-form-item:focus {
                     outline: none;
                 }
-                .ant-input-textarea-show-count::after{
+
+                .ant-input-textarea-show-count::after {
                     position: absolute;
                     top: f.pxToRem(134px);
                     right: f.pxToRem(10px);
                 }
-                .ant-btn-primary:not(:disabled):hover{
+
+                .ant-btn-primary:not(:disabled):hover {
                     background-color: #E04031;
                 }
 
-                button{
+                button {
                     @include mut.with-font($font-family: ft.$roboto-font, $font-weight: 500, $font-size: 20px);
                     line-height: 23px;
                     color: #FFFFFF;
@@ -116,17 +136,18 @@
                 .required-input {
                     position: relative;
                 }
+
                 .required-input::before {
                     content: '*';
                     position: absolute;
                     top: f.pxToRem(0);
-                    left:  f.pxToRem(-8px);
+                    left: f.pxToRem(-8px);
                     transform: translate(-50%, -50%);
                     color: red;
                     font-size: 20px;
                 }
 
-                .captchaBlock{
+                .captchaBlock {
                     @include mut.flexed($direction: column, $justify-content: center, $align-items: center);
                 }
             }
@@ -134,7 +155,7 @@
     }
 }
 
-@media screen and (max-width: 1024px){
+@media screen and (max-width: 1024px) {
     .partnersModal {
         &.ant-modal {
             .ant-modal-content {
@@ -142,40 +163,42 @@
                 padding: f.pxToRem(16px);
             }
 
-            .ant-modal-close{
+            .ant-modal-close {
                 display: none;
             }
         }
     }
 
-    .partnersModalContent{
-        .formContainer{
+    .partnersModalContent {
+        .formContainer {
             width: 100%;
 
-            .formTitle{
+            .formTitle {
                 @include mut.with-font($font-family: ft.$closer-text-font, $font-weight: 500, $font-size: 14px);
                 text-align: left;
                 line-height: 18px;
             }
-            .formSubTitle{
+
+            .formSubTitle {
                 @include mut.with-font($font-family: ft.$roboto-font, $font-weight: 300, $font-size: 14px);
                 line-height: 16px;
             }
 
-            .contactForm{
+            .contactForm {
                 gap: f.pxToRem(24px);
 
-                button{
+                button {
                     width: 100%;
                     padding: f.pxToRem(15px) 0 !important;
                 }
 
-                textarea, input{
+                textarea,
+                input {
                     @include mut.with-font($font-family: ft.$roboto-font, $font-weight: 300, $font-size: 16px);
                     line-height: 21px;
                 }
 
-                .ant-input-textarea-show-count::after{
+                .ant-input-textarea-show-count::after {
                     top: f.pxToRem(110px);
                 }
             }
@@ -184,7 +207,7 @@
 }
 
 @media screen and (max-width: 480px) {
-    .formTitle{
+    .formTitle {
         text-align: center;
     }
 }
@@ -192,4 +215,4 @@
 .iconSize {
     @include mut.sized(80px, 78px);
     padding: 31%;
-}
+}
\ No newline at end of file
diff --git a/src/app/stores/source-category-store-create.ts b/src/app/stores/source-category-store-create.ts
index f59cce640..9c81ab22a 100644
--- a/src/app/stores/source-category-store-create.ts
+++ b/src/app/stores/source-category-store-create.ts
@@ -33,7 +33,16 @@ export default class SourceCreateUpdateStreetcode {
     }
 
     public updateElement(index:number, category: StreetcodeCategoryContent) {
-        this.streetcodeCategoryContents[index] = category;
+        const sourceCategoryContent = this.streetcodeCategoryContents[index] as StreetcodeCategoryContentUpdate;
+        if (sourceCategoryContent && sourceCategoryContent.isPersisted) {
+            const updatedSourceCategoryContent: StreetcodeCategoryContentUpdate = {
+                ...category,
+                modelState: ModelState.Updated,
+            };
+            this.streetcodeCategoryContents[index] = updatedSourceCategoryContent;
+        } else {
+            this.streetcodeCategoryContents[index] = category;
+        }
     }
 
     public removeSourceCategoryContent(index:number) {
diff --git a/src/app/stores/team-store.ts b/src/app/stores/team-store.ts
index 3b1bc9e07..69983c618 100644
--- a/src/app/stores/team-store.ts
+++ b/src/app/stores/team-store.ts
@@ -55,26 +55,18 @@ export default class TeamStore {
     };
 
     public createTeam = async (team: TeamCreateUpdate) => {
-        try {
-            return await teamApi.create(team)
-                .then((created) => {
-                    ImagesApi.getById(created.imageId).then((logo) => ({ ...created, image: logo }))
-                        .then((t) => this.setItem(t));
-                });
-        } catch (error: unknown) {
-            console.log(error);
-        }
+        await teamApi.create(team)
+            .then((created) => {
+                ImagesApi.getById(created.imageId).then((logo) => ({ ...created, image: logo }))
+                    .then((t) => this.setItem(t));
+            });
     };
 
     public updateTeam = async (team: TeamCreateUpdate) => {
-        try {
-            await teamApi.update(team).then((updated) => {
-                ImagesApi.getById(updated.imageId).then((logo) => ({ ...updated, image: logo }))
-                    .then((t) => this.setItem(t));
-            });
-        } catch (error: unknown) {
-            console.log(error);
-        }
+        await teamApi.update(team).then((updated) => {
+            ImagesApi.getById(updated.imageId).then((logo) => ({ ...updated, image: logo }))
+                .then((t) => this.setItem(t));
+        });
     };
 
     public deleteTeam = async (teamId: number) => {
diff --git a/src/assets/images/main-page/ornamentFlower.svg b/src/assets/images/main-page/ornamentFlower.svg
new file mode 100644
index 000000000..c5c4d0ea7
--- /dev/null
+++ b/src/assets/images/main-page/ornamentFlower.svg
@@ -0,0 +1,6 @@
+<svg width="42" height="36" viewBox="-3 0 42 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.696 23.4346C33.957 26.7051 34.8732 31.4379 35.1195 33.7401C35.1383 33.9095 35.1188 34.081 35.0625 34.2418C35.0063 34.4026 34.9147 34.5487 34.7946 34.6692C34.6744 34.7897 34.5288 34.8815 34.3685 34.9379C34.2082 34.9943 34.0372 35.0138 33.8683 34.995C31.5827 34.7381 26.8636 33.8291 23.5927 30.5586C20.3219 27.2881 19.4155 22.5553 19.1692 20.2531C19.1505 20.0837 19.17 19.9122 19.2262 19.7514C19.2825 19.5906 19.374 19.4445 19.4942 19.324C19.6143 19.2035 19.7599 19.1117 19.9203 19.0553C20.0806 18.9989 20.2516 18.9794 20.4204 18.9982C22.7159 19.2551 27.4351 20.1641 30.696 23.4346Z" fill="#C4C4C4"/>
+<path d="M30.6863 11.5801C27.4253 14.8506 22.7062 15.7695 20.4107 16.0165C20.2418 16.0353 20.0708 16.0158 19.9105 15.9594C19.7502 15.903 19.6046 15.8111 19.4844 15.6906C19.3643 15.5701 19.2727 15.4241 19.2165 15.2633C19.1602 15.1024 19.1407 14.931 19.1595 14.7616C19.4156 12.4693 20.322 7.73647 23.583 4.45609C26.8439 1.17571 31.5631 0.266696 33.8585 0.0196799C34.0274 0.000854397 34.1984 0.0203838 34.3587 0.0767898C34.5191 0.133196 34.6647 0.225016 34.7848 0.345517C34.905 0.466019 34.9966 0.612102 35.0529 0.772912C35.1091 0.933721 35.1285 1.10517 35.1098 1.27454C34.8635 3.57674 33.9571 8.29969 30.6863 11.5801Z" fill="#C4C4C4"/>
+<path d="M4.43066 11.5684C1.16966 8.29785 0.253436 3.56502 0.00713763 1.26282C-0.0116335 1.09345 0.00778044 0.922 0.0640215 0.761192C0.120263 0.600382 0.211938 0.454299 0.33209 0.333797C0.452241 0.213296 0.597841 0.121476 0.758183 0.0650698C0.918524 0.00866377 1.08948 -0.0108656 1.25836 0.00795999C3.54401 0.264857 8.26304 1.17387 11.5339 4.44437C14.8047 7.71487 15.7111 12.4477 15.9574 14.7499C15.9762 14.9193 15.9568 15.0907 15.9005 15.2515C15.8443 15.4123 15.7527 15.5584 15.6326 15.6789C15.5124 15.7994 15.3667 15.8913 15.2064 15.9477C15.046 16.0041 14.8752 16.0236 14.7063 16.0048C12.4404 15.7577 7.72122 14.8487 4.43066 11.5684Z" fill="#C4C4C4"/>
+<path d="M4.43066 23.4346C7.69166 20.1641 12.4108 19.2452 14.7063 18.9982C14.8752 18.9794 15.046 18.9989 15.2064 19.0553C15.3667 19.1117 15.5124 19.2035 15.6326 19.324C15.7527 19.4445 15.8443 19.5906 15.9005 19.7514C15.9568 19.9122 15.9762 20.0837 15.9574 20.2531C15.7013 22.5454 14.7949 27.2782 11.5339 30.5586C8.27289 33.839 3.55386 34.748 1.25836 34.995C1.08948 35.0138 0.918523 34.9943 0.758182 34.9379C0.597839 34.8815 0.45224 34.7897 0.332088 34.6692C0.211937 34.5487 0.120262 34.4026 0.0640202 34.2418C0.0077792 34.081 -0.0116347 33.9095 0.00713646 33.7401C0.282992 31.4379 1.18936 26.7051 4.43066 23.4346Z" fill="#C4C4C4"/>
+</svg>
diff --git a/src/assets/images/main-page/ornament_mobile.svg b/src/assets/images/main-page/ornament_mobile.svg
deleted file mode 100644
index 6838505a5..000000000
--- a/src/assets/images/main-page/ornament_mobile.svg
+++ /dev/null
@@ -1,34 +0,0 @@
-<svg width="353" height="36" viewBox="0 0 353 36" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M348.57 23.4346C351.831 26.7051 352.747 31.4379 352.993 33.7401C353.012 33.9095 352.992 34.081 352.936 34.2418C352.88 34.4026 352.788 34.5487 352.668 34.6692C352.548 34.7897 352.402 34.8815 352.242 34.9379C352.082 34.9943 351.911 35.0138 351.742 34.995C349.456 34.7381 344.737 33.8291 341.466 30.5586C338.195 27.2881 337.289 22.5553 337.043 20.2531C337.024 20.0837 337.043 19.9122 337.1 19.7514C337.156 19.5906 337.248 19.4445 337.368 19.324C337.488 19.2035 337.633 19.1117 337.794 19.0553C337.954 18.9989 338.125 18.9794 338.294 18.9982C340.589 19.2551 345.309 20.1641 348.57 23.4346Z" fill="#C4C4C4"/>
-<path d="M348.56 11.5781C345.299 14.8486 340.58 15.7675 338.284 16.0145C338.115 16.0334 337.944 16.0138 337.784 15.9574C337.624 15.901 337.478 15.8092 337.358 15.6887C337.238 15.5682 337.146 15.4221 337.09 15.2613C337.034 15.1005 337.014 14.929 337.033 14.7597C337.289 12.4674 338.196 7.73452 341.457 4.45414C344.718 1.17375 349.437 0.264743 351.732 0.0177268C351.901 -0.00109873 352.072 0.0184306 352.232 0.0748367C352.393 0.131243 352.538 0.223062 352.658 0.343564C352.779 0.464066 352.87 0.610149 352.926 0.770959C352.983 0.931767 353.002 1.10322 352.983 1.27259C352.737 3.57479 351.831 8.29774 348.56 11.5781Z" fill="#C4C4C4"/>
-<path d="M322.326 11.5684C319.065 8.29785 318.148 3.56502 317.902 1.26282C317.883 1.09345 317.903 0.922 317.959 0.761192C318.015 0.600382 318.107 0.454299 318.227 0.333797C318.347 0.213296 318.493 0.121476 318.653 0.0650698C318.814 0.00866377 318.984 -0.0108656 319.153 0.00795999C321.439 0.264857 326.158 1.17387 329.429 4.44437C332.7 7.71487 333.606 12.4477 333.852 14.7499C333.871 14.9193 333.852 15.0907 333.795 15.2515C333.739 15.4123 333.648 15.5584 333.528 15.6789C333.407 15.7994 333.262 15.8913 333.101 15.9477C332.941 16.0041 332.77 16.0236 332.601 16.0048C330.316 15.7577 325.597 14.8487 322.326 11.5684Z" fill="#C4C4C4"/>
-<path d="M322.326 23.4346C325.587 20.1641 330.306 19.2452 332.601 18.9982C332.77 18.9794 332.941 18.9989 333.101 19.0553C333.262 19.1117 333.407 19.2035 333.528 19.324C333.648 19.4445 333.739 19.5906 333.796 19.7514C333.852 19.9122 333.871 20.0837 333.852 20.2531C333.596 22.5454 332.69 27.2782 329.429 30.5586C326.168 33.839 321.449 34.748 319.153 34.995C318.984 35.0138 318.814 34.9943 318.653 34.9379C318.493 34.8815 318.347 34.7897 318.227 34.6692C318.107 34.5487 318.015 34.4026 317.959 34.2418C317.903 34.081 317.883 33.9095 317.902 33.7401C318.158 31.4379 319.065 26.7051 322.326 23.4346Z" fill="#C4C4C4"/>
-<path d="M303.162 23.4346C306.423 26.7051 307.339 31.4379 307.585 33.7401C307.604 33.9095 307.585 34.081 307.528 34.2418C307.472 34.4026 307.381 34.5487 307.26 34.6692C307.14 34.7897 306.995 34.8815 306.834 34.9379C306.674 34.9943 306.503 35.0138 306.334 34.995C304.049 34.7381 299.329 33.8291 296.059 30.5586C292.788 27.2881 291.881 22.5553 291.635 20.2531C291.616 20.0837 291.636 19.9122 291.692 19.7514C291.748 19.5906 291.84 19.4445 291.96 19.324C292.08 19.2035 292.226 19.1117 292.386 19.0553C292.546 18.9989 292.717 18.9794 292.886 18.9982C295.182 19.2551 299.901 20.1641 303.162 23.4346Z" fill="#C4C4C4"/>
-<path d="M303.152 11.5781C299.891 14.8486 295.172 15.7675 292.877 16.0145C292.708 16.0334 292.537 16.0138 292.376 15.9574C292.216 15.901 292.07 15.8092 291.95 15.6887C291.83 15.5682 291.738 15.4221 291.682 15.2613C291.626 15.1005 291.607 14.929 291.625 14.7597C291.881 12.4674 292.788 7.73452 296.049 4.45414C299.31 1.17375 304.029 0.264743 306.324 0.0177268C306.493 -0.00109873 306.664 0.0184306 306.825 0.0748367C306.985 0.131243 307.131 0.223062 307.251 0.343564C307.371 0.464066 307.462 0.610149 307.519 0.770959C307.575 0.931767 307.594 1.10322 307.576 1.27259C307.329 3.57479 306.413 8.29774 303.152 11.5781Z" fill="#C4C4C4"/>
-<path d="M276.877 11.5684C273.616 8.29785 272.7 3.56502 272.453 1.26282C272.435 1.09345 272.454 0.922 272.51 0.761192C272.567 0.600382 272.658 0.454299 272.778 0.333797C272.898 0.213296 273.044 0.121476 273.204 0.0650698C273.365 0.00866377 273.536 -0.0108656 273.705 0.00795999C275.99 0.264857 280.709 1.17387 283.98 4.44437C287.251 7.71487 288.157 12.4477 288.404 14.7499C288.422 14.9193 288.403 15.0907 288.347 15.2515C288.291 15.4123 288.199 15.5584 288.079 15.6789C287.959 15.7994 287.813 15.8913 287.653 15.9477C287.492 16.0041 287.321 16.0236 287.152 16.0048C284.896 15.7577 280.187 14.8487 276.877 11.5684Z" fill="#C4C4C4"/>
-<path d="M276.877 23.4346C280.138 20.1641 284.857 19.2452 287.152 18.9982C287.321 18.9794 287.492 18.9989 287.653 19.0553C287.813 19.1117 287.959 19.2035 288.079 19.324C288.199 19.4445 288.291 19.5906 288.347 19.7514C288.403 19.9122 288.422 20.0837 288.404 20.2531C288.148 22.5454 287.241 27.2782 283.98 30.5586C280.719 33.839 276 34.748 273.705 34.995C273.536 35.0138 273.365 34.9943 273.204 34.9379C273.044 34.8815 272.898 34.7897 272.778 34.6692C272.658 34.5487 272.567 34.4026 272.51 34.2418C272.454 34.081 272.435 33.9095 272.453 33.7401C272.749 31.4379 273.655 26.7051 276.877 23.4346Z" fill="#C4C4C4"/>
-<path d="M257.754 23.4346C261.015 26.7051 261.931 31.4379 262.178 33.7401C262.196 33.9095 262.177 34.081 262.121 34.2418C262.065 34.4026 261.973 34.5487 261.853 34.6692C261.733 34.7897 261.587 34.8815 261.427 34.9379C261.266 34.9943 261.095 35.0138 260.926 34.995C258.641 34.7381 253.922 33.8291 250.651 30.5586C247.38 27.2881 246.474 22.5553 246.227 20.2531C246.209 20.0837 246.228 19.9122 246.284 19.7514C246.341 19.5906 246.432 19.4445 246.552 19.324C246.672 19.2035 246.818 19.1117 246.978 19.0553C247.139 18.9989 247.31 18.9794 247.479 18.9982C249.774 19.2551 254.483 20.1641 257.754 23.4346Z" fill="#C4C4C4"/>
-<path d="M257.744 11.5781C254.483 14.8486 249.764 15.7675 247.469 16.0145C247.3 16.0334 247.129 16.0138 246.969 15.9574C246.808 15.901 246.663 15.8092 246.543 15.6887C246.422 15.5682 246.331 15.4221 246.275 15.2613C246.218 15.1005 246.199 14.929 246.218 14.7597C246.474 12.4674 247.38 7.73452 250.641 4.45414C253.902 1.17375 258.621 0.264743 260.917 0.0177268C261.086 -0.00109873 261.257 0.0184306 261.417 0.0748367C261.577 0.131243 261.723 0.223062 261.843 0.343564C261.963 0.464066 262.055 0.610149 262.111 0.770959C262.167 0.931767 262.187 1.10322 262.168 1.27259C261.912 3.57479 261.005 8.29774 257.744 11.5781Z" fill="#C4C4C4"/>
-<path d="M231.51 11.5684C228.249 8.29785 227.333 3.56502 227.087 1.26282C227.068 1.09345 227.087 0.922 227.144 0.761192C227.2 0.600382 227.291 0.454299 227.412 0.333797C227.532 0.213296 227.677 0.121476 227.838 0.0650698C227.998 0.00866377 228.169 -0.0108656 228.338 0.00795999C230.624 0.264857 235.343 1.17387 238.614 4.44437C241.884 7.71487 242.791 12.4477 243.037 14.7499C243.056 14.9193 243.036 15.0907 242.98 15.2515C242.924 15.4123 242.832 15.5584 242.712 15.6789C242.592 15.7994 242.446 15.8913 242.286 15.9477C242.126 16.0041 241.955 16.0236 241.786 16.0048C239.49 15.7577 234.771 14.8487 231.51 11.5684Z" fill="#C4C4C4"/>
-<path d="M231.51 23.4346C234.771 20.1641 239.49 19.2452 241.786 18.9982C241.955 18.9794 242.126 18.9989 242.286 19.0553C242.446 19.1117 242.592 19.2035 242.712 19.324C242.832 19.4445 242.924 19.5906 242.98 19.7514C243.036 19.9122 243.056 20.0837 243.037 20.2531C242.781 22.5454 241.874 27.2782 238.614 30.5586C235.353 33.839 230.633 34.748 228.338 34.995C228.169 35.0138 227.998 34.9943 227.838 34.9379C227.677 34.8815 227.532 34.7897 227.412 34.6692C227.291 34.5487 227.2 34.4026 227.144 34.2418C227.087 34.081 227.068 33.9095 227.087 33.7401C227.333 31.4379 228.249 26.7051 231.51 23.4346Z" fill="#C4C4C4"/>
-<path d="M212.337 23.4346C215.598 26.7051 216.514 31.4379 216.76 33.7401C216.779 33.9095 216.76 34.081 216.703 34.2418C216.647 34.4026 216.555 34.5487 216.435 34.6692C216.315 34.7897 216.17 34.8815 216.009 34.9379C215.849 34.9943 215.678 35.0138 215.509 34.995C213.223 34.7381 208.504 33.8291 205.233 30.5586C201.963 27.2881 201.056 22.5553 200.81 20.2531C200.791 20.0837 200.811 19.9122 200.867 19.7514C200.923 19.5906 201.015 19.4445 201.135 19.324C201.255 19.2035 201.401 19.1117 201.561 19.0553C201.721 18.9989 201.892 18.9794 202.061 18.9982C204.357 19.2551 209.076 20.1641 212.337 23.4346Z" fill="#C4C4C4"/>
-<path d="M212.327 11.5781C209.066 14.8486 204.347 15.7675 202.051 16.0145C201.882 16.0334 201.711 16.0138 201.551 15.9574C201.391 15.901 201.245 15.8092 201.125 15.6887C201.005 15.5682 200.913 15.4221 200.857 15.2613C200.801 15.1005 200.781 14.929 200.8 14.7597C201.056 12.4674 201.963 7.73452 205.224 4.45414C208.485 1.17375 213.204 0.264743 215.499 0.0177268C215.668 -0.00109873 215.839 0.0184306 215.999 0.0748367C216.16 0.131243 216.305 0.223062 216.425 0.343564C216.546 0.464066 216.637 0.610149 216.693 0.770959C216.75 0.931767 216.769 1.10322 216.75 1.27259C216.504 3.57479 215.598 8.29774 212.327 11.5781Z" fill="#C4C4C4"/>
-<path d="M186.062 11.5684C182.801 8.29785 181.884 3.56502 181.638 1.26282C181.619 1.09345 181.639 0.922 181.695 0.761192C181.751 0.600382 181.843 0.454299 181.963 0.333797C182.083 0.213296 182.229 0.121476 182.389 0.0650698C182.549 0.00866377 182.72 -0.0108656 182.889 0.00795999C185.175 0.264857 189.894 1.17387 193.165 4.44437C196.436 7.71487 197.342 12.4477 197.588 14.7499C197.607 14.9193 197.588 15.0907 197.531 15.2515C197.475 15.4123 197.384 15.5584 197.263 15.6789C197.143 15.7994 196.998 15.8913 196.837 15.9477C196.677 16.0041 196.506 16.0236 196.337 16.0048C194.081 15.7577 189.362 14.8487 186.062 11.5684Z" fill="#C4C4C4"/>
-<path d="M186.062 23.4346C189.322 20.1641 194.042 19.2452 196.337 18.9982C196.506 18.9794 196.677 18.9989 196.837 19.0553C196.998 19.1117 197.143 19.2035 197.263 19.324C197.384 19.4445 197.475 19.5906 197.531 19.7514C197.588 19.9122 197.607 20.0837 197.588 20.2531C197.332 22.5454 196.426 27.2782 193.165 30.5586C189.904 33.839 185.185 34.748 182.889 34.995C182.72 35.0138 182.549 34.9943 182.389 34.9379C182.229 34.8815 182.083 34.7897 181.963 34.6692C181.843 34.5487 181.751 34.4026 181.695 34.2418C181.639 34.081 181.619 33.9095 181.638 33.7401C181.924 31.4379 182.83 26.7051 186.062 23.4346Z" fill="#C4C4C4"/>
-<path d="M166.929 23.4346C170.19 26.7051 171.106 31.4379 171.352 33.7401C171.371 33.9095 171.352 34.081 171.295 34.2418C171.239 34.4026 171.148 34.5487 171.028 34.6692C170.907 34.7897 170.762 34.8815 170.601 34.9379C170.441 34.9943 170.27 35.0138 170.101 34.995C167.816 34.7381 163.096 33.8291 159.826 30.5586C156.555 27.2881 155.648 22.5553 155.402 20.2531C155.383 20.0837 155.403 19.9122 155.459 19.7514C155.515 19.5906 155.607 19.4445 155.727 19.324C155.847 19.2035 155.993 19.1117 156.153 19.0553C156.314 18.9989 156.484 18.9794 156.653 18.9982C158.949 19.2551 163.668 20.1641 166.929 23.4346Z" fill="#C4C4C4"/>
-<path d="M166.919 11.5781C163.658 14.8486 158.939 15.7675 156.644 16.0145C156.475 16.0334 156.304 16.0138 156.143 15.9574C155.983 15.901 155.837 15.8092 155.717 15.6887C155.597 15.5682 155.506 15.4221 155.449 15.2613C155.393 15.1005 155.374 14.929 155.392 14.7597C155.649 12.4674 156.555 7.73452 159.816 4.45414C163.077 1.17375 167.796 0.264743 170.091 0.0177268C170.26 -0.00109873 170.431 0.0184306 170.592 0.0748367C170.752 0.131243 170.898 0.223062 171.018 0.343564C171.138 0.464066 171.229 0.610149 171.286 0.770959C171.342 0.931767 171.361 1.10322 171.343 1.27259C171.096 3.57479 170.19 8.29774 166.919 11.5781Z" fill="#C4C4C4"/>
-<path d="M140.685 11.5684C137.424 8.29785 136.508 3.56502 136.262 1.26282C136.243 1.09345 136.262 0.922 136.318 0.761192C136.375 0.600382 136.466 0.454299 136.586 0.333797C136.707 0.213296 136.852 0.121476 137.013 0.0650698C137.173 0.00866377 137.344 -0.0108656 137.513 0.00795999C139.798 0.264857 144.517 1.17387 147.788 4.44437C151.059 7.71487 151.966 12.4477 152.212 14.7499C152.231 14.9193 152.211 15.0907 152.155 15.2515C152.099 15.4123 152.007 15.5584 151.887 15.6789C151.767 15.7994 151.621 15.8913 151.461 15.9477C151.3 16.0041 151.129 16.0236 150.961 16.0048C148.665 15.7577 143.956 14.8487 140.685 11.5684Z" fill="#C4C4C4"/>
-<path d="M140.685 23.4346C143.946 20.1641 148.665 19.2452 150.96 18.9982C151.129 18.9794 151.3 18.9989 151.46 19.0553C151.621 19.1117 151.766 19.2035 151.886 19.324C152.007 19.4445 152.098 19.5906 152.154 19.7514C152.211 19.9122 152.23 20.0837 152.211 20.2531C151.955 22.5454 151.049 27.2782 147.788 30.5586C144.527 33.839 139.808 34.748 137.512 34.995C137.343 35.0138 137.172 34.9943 137.012 34.9379C136.852 34.8815 136.706 34.7897 136.586 34.6692C136.466 34.5487 136.374 34.4026 136.318 34.2418C136.262 34.081 136.242 33.9095 136.261 33.7401C136.517 31.4379 137.424 26.7051 140.685 23.4346Z" fill="#C4C4C4"/>
-<path d="M121.521 23.4346C124.782 26.7051 125.698 31.4379 125.945 33.7401C125.964 33.9095 125.944 34.081 125.888 34.2418C125.831 34.4026 125.74 34.5487 125.62 34.6692C125.5 34.7897 125.354 34.8815 125.194 34.9379C125.033 34.9943 124.862 35.0138 124.694 34.995C122.408 34.7381 117.689 33.8291 114.418 30.5586C111.147 27.2881 110.241 22.5553 109.994 20.2531C109.976 20.0837 109.995 19.9122 110.051 19.7514C110.108 19.5906 110.199 19.4445 110.319 19.324C110.44 19.2035 110.585 19.1117 110.745 19.0553C110.906 18.9989 111.077 18.9794 111.246 18.9982C113.541 19.2551 118.26 20.1641 121.521 23.4346Z" fill="#C4C4C4"/>
-<path d="M121.511 11.5801C118.25 14.8506 113.531 15.7695 111.236 16.0165C111.067 16.0353 110.896 16.0158 110.736 15.9594C110.575 15.903 110.43 15.8111 110.31 15.6906C110.189 15.5701 110.098 15.4241 110.042 15.2633C109.985 15.1024 109.966 14.931 109.985 14.7616C110.241 12.4693 111.147 7.73647 114.408 4.45609C117.669 1.17571 122.388 0.266696 124.684 0.0196799C124.853 0.000854397 125.024 0.0203838 125.184 0.0767898C125.344 0.133196 125.49 0.225016 125.61 0.345517C125.73 0.466019 125.822 0.612102 125.878 0.772912C125.934 0.933721 125.954 1.10517 125.935 1.27454C125.689 3.57674 124.772 8.29969 121.511 11.5801Z" fill="#C4C4C4"/>
-<path d="M95.2461 11.5684C91.9851 8.29785 91.0689 3.56502 90.8226 1.26282C90.8038 1.09345 90.8232 0.922 90.8795 0.761192C90.9357 0.600382 91.0274 0.454299 91.1475 0.333797C91.2677 0.213296 91.4133 0.121476 91.5736 0.0650698C91.734 0.00866377 91.9049 -0.0108656 92.0738 0.00795999C94.3594 0.264857 99.0785 1.17387 102.349 4.44437C105.62 7.71487 106.527 12.4477 106.773 14.7499C106.792 14.9193 106.772 15.0907 106.716 15.2515C106.66 15.4123 106.568 15.5584 106.448 15.6789C106.328 15.7994 106.182 15.8913 106.022 15.9477C105.861 16.0041 105.691 16.0236 105.522 16.0048C103.256 15.7577 98.5465 14.8487 95.2461 11.5684Z" fill="#C4C4C4"/>
-<path d="M95.2461 23.4346C98.5071 20.1641 103.226 19.2452 105.522 18.9982C105.691 18.9794 105.861 18.9989 106.022 19.0553C106.182 19.1117 106.328 19.2035 106.448 19.324C106.568 19.4445 106.66 19.5906 106.716 19.7514C106.772 19.9122 106.792 20.0837 106.773 20.2531C106.517 22.5454 105.61 27.2782 102.349 30.5586C99.0883 33.839 94.3693 34.748 92.0738 34.995C91.9049 35.0138 91.734 34.9943 91.5736 34.9379C91.4133 34.8815 91.2677 34.7897 91.1475 34.6692C91.0274 34.5487 90.9357 34.4026 90.8794 34.2418C90.8232 34.081 90.8038 33.9095 90.8226 33.7401C91.0984 31.4379 92.0146 26.7051 95.2461 23.4346Z" fill="#C4C4C4"/>
-<path d="M76.1135 23.4346C79.3745 26.7051 80.2907 31.4379 80.537 33.7401C80.5558 33.9095 80.5363 34.081 80.48 34.2418C80.4238 34.4026 80.3322 34.5487 80.2121 34.6692C80.0919 34.7897 79.9463 34.8815 79.786 34.9379C79.6256 34.9943 79.4547 35.0138 79.2858 34.995C77.0002 34.7381 72.281 33.8291 69.0102 30.5586C65.7394 27.2881 64.833 22.5553 64.5867 20.2531C64.5679 20.0837 64.5875 19.9122 64.6437 19.7514C64.7 19.5906 64.7915 19.4445 64.9117 19.324C65.0318 19.2035 65.1774 19.1117 65.3378 19.0553C65.4981 18.9989 65.669 18.9794 65.8379 18.9982C68.1334 19.2551 72.8427 20.1641 76.1135 23.4346Z" fill="#C4C4C4"/>
-<path d="M76.1038 11.5801C72.8428 14.8506 68.1237 15.7695 65.8282 16.0165C65.6593 16.0353 65.4883 16.0158 65.328 15.9594C65.1676 15.903 65.022 15.8111 64.9019 15.6906C64.7817 15.5701 64.6902 15.4241 64.6339 15.2633C64.5777 15.1024 64.5582 14.931 64.5769 14.7616C64.8331 12.4693 65.7395 7.73647 69.0004 4.45609C72.2614 1.17571 76.9805 0.266696 79.276 0.0196799C79.4449 0.000854397 79.6159 0.0203838 79.7762 0.0767898C79.9366 0.133196 80.0822 0.225016 80.2023 0.345517C80.3225 0.466019 80.414 0.612102 80.4703 0.772912C80.5265 0.933721 80.546 1.10517 80.5273 1.27454C80.2711 3.57674 79.3647 8.29969 76.1038 11.5801Z" fill="#C4C4C4"/>
-<path d="M49.8696 11.5684C46.6086 8.29785 45.6924 3.56502 45.4461 1.26282C45.4273 1.09345 45.4467 0.922 45.503 0.761192C45.5592 0.600382 45.6508 0.454299 45.7709 0.333797C45.8911 0.213296 46.0368 0.121476 46.1971 0.0650698C46.3575 0.00866377 46.5284 -0.0108656 46.6973 0.00795999C48.983 0.264857 53.702 1.17387 56.9729 4.44437C60.2437 7.71487 61.1501 12.4477 61.3964 14.7499C61.4152 14.9193 61.3957 15.0907 61.3395 15.2515C61.2833 15.4123 61.1917 15.5584 61.0715 15.6789C60.9514 15.7994 60.8057 15.8913 60.6453 15.9477C60.485 16.0041 60.314 16.0236 60.1452 16.0048C57.8497 15.7577 53.1306 14.8487 49.8696 11.5684Z" fill="#C4C4C4"/>
-<path d="M49.8691 23.4346C53.1301 20.1641 57.8492 19.2452 60.1447 18.9982C60.3136 18.9794 60.4845 18.9989 60.6448 19.0553C60.8052 19.1117 60.9509 19.2035 61.0711 19.324C61.1912 19.4445 61.2828 19.5906 61.339 19.7514C61.3952 19.9122 61.4147 20.0837 61.3959 20.2531C61.1397 22.5454 60.2334 27.2782 56.9724 30.5586C53.7114 33.839 48.9923 34.748 46.6968 34.995C46.528 35.0138 46.357 34.9943 46.1967 34.9379C46.0363 34.8815 45.8906 34.7897 45.7704 34.6692C45.6503 34.5487 45.5587 34.4026 45.5025 34.2418C45.4463 34.081 45.4268 33.9095 45.4456 33.7401C45.6919 31.4379 46.5983 26.7051 49.8691 23.4346Z" fill="#C4C4C4"/>
-<path d="M30.696 23.4346C33.957 26.7051 34.8732 31.4379 35.1195 33.7401C35.1383 33.9095 35.1188 34.081 35.0625 34.2418C35.0063 34.4026 34.9147 34.5487 34.7946 34.6692C34.6744 34.7897 34.5288 34.8815 34.3685 34.9379C34.2082 34.9943 34.0372 35.0138 33.8683 34.995C31.5827 34.7381 26.8636 33.8291 23.5927 30.5586C20.3219 27.2881 19.4155 22.5553 19.1692 20.2531C19.1505 20.0837 19.17 19.9122 19.2262 19.7514C19.2825 19.5906 19.374 19.4445 19.4942 19.324C19.6143 19.2035 19.7599 19.1117 19.9203 19.0553C20.0806 18.9989 20.2516 18.9794 20.4204 18.9982C22.7159 19.2551 27.4351 20.1641 30.696 23.4346Z" fill="#C4C4C4"/>
-<path d="M30.6863 11.5801C27.4253 14.8506 22.7062 15.7695 20.4107 16.0165C20.2418 16.0353 20.0708 16.0158 19.9105 15.9594C19.7502 15.903 19.6046 15.8111 19.4844 15.6906C19.3643 15.5701 19.2727 15.4241 19.2165 15.2633C19.1602 15.1024 19.1407 14.931 19.1595 14.7616C19.4156 12.4693 20.322 7.73647 23.583 4.45609C26.8439 1.17571 31.5631 0.266696 33.8585 0.0196799C34.0274 0.000854397 34.1984 0.0203838 34.3587 0.0767898C34.5191 0.133196 34.6647 0.225016 34.7848 0.345517C34.905 0.466019 34.9966 0.612102 35.0529 0.772912C35.1091 0.933721 35.1285 1.10517 35.1098 1.27454C34.8635 3.57674 33.9571 8.29969 30.6863 11.5801Z" fill="#C4C4C4"/>
-<path d="M4.43066 11.5684C1.16966 8.29785 0.253436 3.56502 0.00713763 1.26282C-0.0116335 1.09345 0.00778044 0.922 0.0640215 0.761192C0.120263 0.600382 0.211938 0.454299 0.33209 0.333797C0.452241 0.213296 0.597841 0.121476 0.758183 0.0650698C0.918524 0.00866377 1.08948 -0.0108656 1.25836 0.00795999C3.54401 0.264857 8.26304 1.17387 11.5339 4.44437C14.8047 7.71487 15.7111 12.4477 15.9574 14.7499C15.9762 14.9193 15.9568 15.0907 15.9005 15.2515C15.8443 15.4123 15.7527 15.5584 15.6326 15.6789C15.5124 15.7994 15.3667 15.8913 15.2064 15.9477C15.046 16.0041 14.8752 16.0236 14.7063 16.0048C12.4404 15.7577 7.72122 14.8487 4.43066 11.5684Z" fill="#C4C4C4"/>
-<path d="M4.43066 23.4346C7.69166 20.1641 12.4108 19.2452 14.7063 18.9982C14.8752 18.9794 15.046 18.9989 15.2064 19.0553C15.3667 19.1117 15.5124 19.2035 15.6326 19.324C15.7527 19.4445 15.8443 19.5906 15.9005 19.7514C15.9568 19.9122 15.9762 20.0837 15.9574 20.2531C15.7013 22.5454 14.7949 27.2782 11.5339 30.5586C8.27289 33.839 3.55386 34.748 1.25836 34.995C1.08948 35.0138 0.918523 34.9943 0.758182 34.9379C0.597839 34.8815 0.45224 34.7897 0.332088 34.6692C0.211937 34.5487 0.120262 34.4026 0.0640202 34.2418C0.0077792 34.081 -0.0116347 33.9095 0.00713646 33.7401C0.282992 31.4379 1.18936 26.7051 4.43066 23.4346Z" fill="#C4C4C4"/>
-</svg>
diff --git a/src/assets/sass/variables/_variables.colors.scss b/src/assets/sass/variables/_variables.colors.scss
index 8a018aa1a..bb8222365 100644
--- a/src/assets/sass/variables/_variables.colors.scss
+++ b/src/assets/sass/variables/_variables.colors.scss
@@ -23,6 +23,7 @@ $normal-darker-gray-color: #7E7E7E !important;
 $dark-red-color: #891F16 !important;
 $accented-red-color: #E04031 !important;
 $text-red-color: #A4271B !important;
+$button-border-red-color: #8D1F16 !important;
 $ant-menu-color: #E13F30 !important;
 $ant-menu-text-color:#ff4d4f!important;
 
diff --git a/src/features/AdditionalPages/NewsPage/News.component.tsx b/src/features/AdditionalPages/NewsPage/News.component.tsx
index 7e391234c..ad72403c8 100644
--- a/src/features/AdditionalPages/NewsPage/News.component.tsx
+++ b/src/features/AdditionalPages/NewsPage/News.component.tsx
@@ -4,14 +4,16 @@
 import './News.styles.scss';
 
 import React, { useEffect, useRef, useState } from 'react';
-import { Helmet } from 'react-helmet';
-import { Link, NavigationType, useLocation, useNavigate, useNavigationType } from 'react-router-dom';
+import {
+    Link, NavigationType, useLocation, useNavigate, useNavigationType,
+} from 'react-router-dom';
 import { NewsWithUrl } from '@models/news/news.model';
 import dayjs from 'dayjs';
 import parse from 'html-react-parser';
 
 import NewsApi from '@/app/api/news/news.api';
 import FRONTEND_ROUTES from '@/app/common/constants/frontend-routes.constants';
+import useScrollToTop from '@/app/common/hooks/scrolling/useScrollToTop.hook';
 import { useRouteUrl } from '@/app/common/hooks/stateful/useRouter.hook';
 import useWindowSize from '@/app/common/hooks/stateful/useWindowSize.hook';
 import base64ToUrl from '@/app/common/utils/base64ToUrl.utility';
@@ -21,7 +23,6 @@ import News from '@/models/news/news.model';
 
 import BreadCrumbForNews from './BreadCrumbForNews/BreadCrumbForNews.component';
 import RandomNewsBlock from './RandomNewsBlock.component';
-import useScrollToTop from '@/app/common/hooks/scrolling/useScrollToTop.hook';
 
 const NewsPage = () => {
     const newsUrl = useRouteUrl();
@@ -48,7 +49,7 @@ const NewsPage = () => {
                 navigate(`${FRONTEND_ROUTES.OTHER_PAGES.ERROR404}`);
             });
     }, [newsUrl]);
-    
+
     useScrollToTop();
 
     useEffect(
@@ -82,72 +83,60 @@ const NewsPage = () => {
     );
 
     return (
-        <div>
-            <Helmet>
-                <meta property="og:title" content={newsValue?.news.title} />
-                <meta property="og:description" content="«Стріткод: історія на кожному кроці» — платформа про імена в назвах вулиць." />
-                <meta name="twitter:card" content="«Стріткод: історія на кожному кроці» — платформа про імена в назвах вулиць." />
-                <meta
-                    property="og:image"
-                    content={newsImg?.src || ''}
-                />
-            </Helmet>
-            {newsValue
-                ? (
-                    <div className="newsContainer">
-                        <div className="wrapper" ref={wrapperRef}>
-                            <BreadCrumbForNews separator={<div className="separator" />} news={newsValue?.news} />
-                            <div className="NewsHeader">
-                                <h1 className="">{newsValue?.news.title}</h1>
-                                <h3 className="news-date">{dayjs(newsValue?.news.creationDate).format('DD.MM.YYYY')}</h3>
+        newsValue
+            ? (
+                <div className="newsContainer">
+                    <div className="wrapper" ref={wrapperRef}>
+                        <BreadCrumbForNews separator={<div className="separator" />} news={newsValue?.news} />
+                        <div className="NewsHeader">
+                            <h1 className="">{newsValue?.news.title}</h1>
+                            <h3 className="news-date">{dayjs(newsValue?.news.creationDate).format('DD.MM.YYYY')}</h3>
+                        </div>
+                        <div className="newsWithImageWrapper">
+                            {newsImg != null && (windowSize.width > 1024) ? (
+                                <img
+                                    className="newsImage"
+                                    key={newsValue?.news.id}
+                                    src={base64ToUrl(getImage(newsValue?.news.imageId!)?.base64, getImage(newsValue?.news.imageId!)?.mimeType)}
+                                    alt={newsValue?.news.title}
+                                />
+                            ) : ''}
+                            <div className="newsTextArea">
+                                {paragraphsCount >= 2 ? parsedNewsText.slice(0, 3) : parsedNewsText}
                             </div>
-                            <div className="newsWithImageWrapper">
-                                {newsImg != null && (windowSize.width > 1024) ? (
-                                    <img
-                                        className="newsImage"
-                                        key={newsValue?.news.id}
-                                        src={base64ToUrl(getImage(newsValue?.news.imageId!)?.base64, getImage(newsValue?.news.imageId!)?.mimeType)}
-                                        alt={newsValue?.news.title}
-                                    />
-                                ) : ''}
-                                <div className="newsTextArea">
-                                    {paragraphsCount >= 2 ? parsedNewsText.slice(0, 3) : parsedNewsText}
-                                </div>
-                                {newsImg != null && (windowSize.width <= 1024) && (width >= wrapperWidth * 0.6) ? (
-                                    <img
-                                        className="newsGoodImageClass Full"
-                                        key={newsValue?.news.id}
-                                        src={base64ToUrl(getImage(newsValue?.news.imageId!)?.base64, getImage(newsValue?.news.imageId!)?.mimeType)}
-                                        alt={newsValue?.news.title}
-                                    />
-                                ) : ''}
-                                <div className="newsTextArea">
-                                    {paragraphsCount >= 2 ? parsedNewsText.slice(3) : ''}
-                                </div>
+                            {newsImg != null && (windowSize.width <= 1024) && (width >= wrapperWidth * 0.6) ? (
+                                <img
+                                    className="newsGoodImageClass Full"
+                                    key={newsValue?.news.id}
+                                    src={base64ToUrl(getImage(newsValue?.news.imageId!)?.base64, getImage(newsValue?.news.imageId!)?.mimeType)}
+                                    alt={newsValue?.news.title}
+                                />
+                            ) : ''}
+                            <div className="newsTextArea">
+                                {paragraphsCount >= 2 ? parsedNewsText.slice(3) : ''}
                             </div>
-                            <div className="newsLinks">
-                                <Link
-                                    className={`Link ${newsValue?.prevNewsUrl === null ? 'toHide' : ''}`}
-                                    to={`/news/${newsValue?.prevNewsUrl}`}
-                                    onClick={prevArticleClickEvent}
-                                >
+                        </div>
+                        <div className="newsLinks">
+                            <Link
+                                className={`Link ${newsValue?.prevNewsUrl === null ? 'toHide' : ''}`}
+                                to={`/news/${newsValue?.prevNewsUrl}`}
+                                onClick={prevArticleClickEvent}
+                            >
                                     Попередня новина
-                                </Link>
-                                <Link
-                                    className={`Link ${newsValue?.nextNewsUrl === null ? 'toHide' : ''}`}
-                                    to={`/news/${newsValue?.nextNewsUrl}`}
-                                    onClick={nextArticleClickEvent}
-                                >
+                            </Link>
+                            <Link
+                                className={`Link ${newsValue?.nextNewsUrl === null ? 'toHide' : ''}`}
+                                to={`/news/${newsValue?.nextNewsUrl}`}
+                                onClick={nextArticleClickEvent}
+                            >
                                     Наступна новина
-                                </Link>
-                            </div>
-                            <RandomNewsBlock newsValue={newsValue} />
+                            </Link>
                         </div>
+                        <RandomNewsBlock newsValue={newsValue} />
                     </div>
-                )
-                : <></>}
-
-        </div>
+                </div>
+            )
+            : <></>
     );
 };
 
diff --git a/src/features/AdditionalPages/NewsPage/News.styles.scss b/src/features/AdditionalPages/NewsPage/News.styles.scss
index f0ed37817..186faef7a 100644
--- a/src/features/AdditionalPages/NewsPage/News.styles.scss
+++ b/src/features/AdditionalPages/NewsPage/News.styles.scss
@@ -36,7 +36,7 @@
             list-style-type: disc;
             padding-inline-start: revert;
           }
-          
+
           ol {
             list-style-type: decimal;
             padding-inline-start: revert;
@@ -66,8 +66,9 @@
         .newsImage {
             margin-bottom: f.pxToRem(20px);
             margin-left: f.pxToRem(20px);
-            height: 100%;
-            max-height: fit-content;
+            height: auto;
+            max-height: 40rem;
+            object-fit: contain;
             max-width: f.pxToRem(600px);
             float: right;
             border-radius: 24px;
diff --git a/src/features/AdditionalPages/PrivatePolicyPage/SubSections/SubSectionFirst/SectionFirst.component.tsx b/src/features/AdditionalPages/PrivatePolicyPage/SubSections/SubSectionFirst/SectionFirst.component.tsx
index 8f21af06b..d400a66da 100644
--- a/src/features/AdditionalPages/PrivatePolicyPage/SubSections/SubSectionFirst/SectionFirst.component.tsx
+++ b/src/features/AdditionalPages/PrivatePolicyPage/SubSections/SubSectionFirst/SectionFirst.component.tsx
@@ -4,7 +4,7 @@ const SectionFirst = () => (
         <div className="content">
             Управління платформою
             &nbsp;
-            <a className="link" href="https://www.streetcode.com.ua">https://www.streetcode.com.ua</a>
+            <a className="link" href="https://streetcode.com.ua">https://www.streetcode.com.ua</a>
             &nbsp;
             (далі — платформа)
             здійснюється Громадською організацією «Історична платформа» (ЄДРПОУ 44801186) — юридичною особою,
diff --git a/src/features/AdditionalPages/PrivatePolicyPage/SubSections/SubSectionFourth/SectionFourth.component.tsx b/src/features/AdditionalPages/PrivatePolicyPage/SubSections/SubSectionFourth/SectionFourth.component.tsx
index 910e86495..0b1927b77 100644
--- a/src/features/AdditionalPages/PrivatePolicyPage/SubSections/SubSectionFourth/SectionFourth.component.tsx
+++ b/src/features/AdditionalPages/PrivatePolicyPage/SubSections/SubSectionFourth/SectionFourth.component.tsx
@@ -23,7 +23,7 @@ const SectionFourth = () => (
                 достовірності розміщеної там інформації. Ми не несемо відповідальності за політику
                 конфіденційності або зміст цих сайтів. Якщо у вас є питання або сумніви з приводу цієї
                 політики, Ви можете звязатися з нами за адресою електронної пошти&nbsp;
-                <a className="link" href="https://www.streetcode.com.ua">https://www.streetcode.com.ua</a>
+                <a className="link" href="https://streetcode.com.ua">https://www.streetcode.com.ua</a>
                 .
             </div>
             <div className="title">Взаємодія платформи з іншими ресурсами:</div>
diff --git a/src/features/AdditionalPages/PrivatePolicyPage/Title/Title.component.tsx b/src/features/AdditionalPages/PrivatePolicyPage/Title/Title.component.tsx
index f39aa3e40..b8ed07fda 100644
--- a/src/features/AdditionalPages/PrivatePolicyPage/Title/Title.component.tsx
+++ b/src/features/AdditionalPages/PrivatePolicyPage/Title/Title.component.tsx
@@ -7,7 +7,7 @@ const Title = () => (
             <div className="titleBig">Політика конфіденційності</div>
             <div className="subTitle">
                 та захисту персональних даних платформи&nbsp;
-                <a className="link" href="https://www.streetcode.com.ua">www.streetcode.com.ua</a>
+                <a className="link" href="https://streetcode.com.ua">www.streetcode.com.ua</a>
             </div>
         </div>
         <div className="disclaimer">
diff --git a/src/features/AdditionalPages/SupportUsPage/components/DonationBlock.component.tsx b/src/features/AdditionalPages/SupportUsPage/components/DonationBlock.component.tsx
index 37ffe0bfd..43fdb452d 100644
--- a/src/features/AdditionalPages/SupportUsPage/components/DonationBlock.component.tsx
+++ b/src/features/AdditionalPages/SupportUsPage/components/DonationBlock.component.tsx
@@ -100,7 +100,7 @@ const DonationBlock = () => {
                     onChange={handleDonateInputChange}
                     style={{ ...style, width: 'calc(var(--input-width) + 2px)' }}
                     placeholder="0"
-                    maxLength={15}
+                    maxLength={14}
                     value={donateAmount === 0 ? '' : donateAmount}
                     className={`amountInput ${(donateAmount !== 0) ? 'active' : ''} `}
                 />
diff --git a/src/features/AdminPage/NewStreetcode/ForFansBlock/ForFansAdminModal/ForFansAdminModal.component.tsx b/src/features/AdminPage/NewStreetcode/ForFansBlock/ForFansAdminModal/ForFansAdminModal.component.tsx
index 0979e1942..5e6a6633e 100644
--- a/src/features/AdminPage/NewStreetcode/ForFansBlock/ForFansAdminModal/ForFansAdminModal.component.tsx
+++ b/src/features/AdminPage/NewStreetcode/ForFansBlock/ForFansAdminModal/ForFansAdminModal.component.tsx
@@ -30,6 +30,13 @@ interface Props {
     allPersistedSourcesAreSet: boolean,
 }
 
+function isEditingCategoryTextOnly(
+    elementToUpdate: StreetcodeCategoryContent | null,
+    editedCategoryId: any,
+) : boolean | null {
+    return elementToUpdate && elementToUpdate?.sourceLinkCategoryId === Number(editedCategoryId);
+}
+
 const ForFansModal = ({
     character_limit, open, setOpen, allCategories, onChange, allPersistedSourcesAreSet,
 }: Props) => {
@@ -109,9 +116,42 @@ const ForFansModal = ({
         }
     }, [allPersistedSourcesAreSet]);
 
-    const onSave = (values: any) => {
-        const elementToUpdate = sourceCreateUpdateStreetcode.ElementToUpdate;
-        if (elementToUpdate) {
+    const handleCategoryAdding = (
+        values: any,
+        indexOfPersistedCategory: number,
+        isEditedCategoryPersisted: boolean,
+    ) => {
+        if (!isEditedCategoryPersisted) {
+            sourceCreateUpdateStreetcode
+                .addSourceCategoryContent({
+                    id: getNewMinNegativeId(sourceCreateUpdateStreetcode.streetcodeCategoryContents.map((x) => x.id)),
+                    sourceLinkCategoryId: values.category,
+                    text: editorRef.current?.editor?.getContent() ?? '',
+                    streetcodeId: categoryUpdate.current?.streetcodeId ?? 0,
+                });
+            sourceCreateUpdateStreetcode.indexUpdate = sourceCreateUpdateStreetcode.streetcodeCategoryContents.length;
+            sourceCreateUpdateStreetcode.indexUpdate -= 1;
+        } else {
+            sourceCreateUpdateStreetcode
+                .updateElement(
+                    indexOfPersistedCategory,
+                    {
+                        ...sourceCreateUpdateStreetcode.streetcodeCategoryContents[indexOfPersistedCategory],
+                        sourceLinkCategoryId: values.category,
+                        text: editorRef.current?.editor?.getContent() ?? '',
+                    },
+                );
+            sourceCreateUpdateStreetcode.indexUpdate = indexOfPersistedCategory;
+        }
+    };
+
+    const handleCategoryUpdating = (
+        values: any,
+        elementToUpdate: StreetcodeCategoryContent,
+        indexOfPersistedCategory: number,
+        isEditedCategoryPersisted: boolean,
+    ) => {
+        if (isEditingCategoryTextOnly(elementToUpdate, values.category)) {
             sourceCreateUpdateStreetcode
                 .updateElement(
                     sourceCreateUpdateStreetcode.indexUpdate,
@@ -122,15 +162,23 @@ const ForFansModal = ({
                     },
                 );
         } else {
-            sourceCreateUpdateStreetcode
-                .addSourceCategoryContent({
-                    id: getNewMinNegativeId(sourceCreateUpdateStreetcode.streetcodeCategoryContents.map((x) => x.id)),
-                    sourceLinkCategoryId: values.category,
-                    text: editorRef.current?.editor?.getContent() ?? '',
-                    streetcodeId: categoryUpdate.current?.streetcodeId ?? 0,
-                });
-            sourceCreateUpdateStreetcode.indexUpdate = sourceCreateUpdateStreetcode.streetcodeCategoryContents.length - 1;
+            sourceCreateUpdateStreetcode.removeSourceCategoryContent(sourceCreateUpdateStreetcode.indexUpdate);
+            handleCategoryAdding(values, indexOfPersistedCategory, isEditedCategoryPersisted);
         }
+    };
+
+    const onSave = (values: any) => {
+        const elementToUpdate = sourceCreateUpdateStreetcode.ElementToUpdate;
+        const indexOfPersistedCategory = sourceCreateUpdateStreetcode.streetcodeCategoryContents
+            .findIndex((x: StreetcodeCategoryContent) => x.sourceLinkCategoryId === Number(values.category));
+        const isEditedCategoryPersisted = indexOfPersistedCategory !== -1;
+
+        if (!elementToUpdate) {
+            handleCategoryAdding(values, indexOfPersistedCategory, isEditedCategoryPersisted);
+        } else {
+            handleCategoryUpdating(values, elementToUpdate, indexOfPersistedCategory, isEditedCategoryPersisted);
+        }
+
         onChange('saved', null);
     };
     const handleOk = async () => {
diff --git a/src/features/AdminPage/NewStreetcode/MainBlock/MainBlockAdmin.style.scss b/src/features/AdminPage/NewStreetcode/MainBlock/MainBlockAdmin.style.scss
index 05c901126..a37c4c14a 100644
--- a/src/features/AdminPage/NewStreetcode/MainBlock/MainBlockAdmin.style.scss
+++ b/src/features/AdminPage/NewStreetcode/MainBlock/MainBlockAdmin.style.scss
@@ -10,28 +10,28 @@
     width: f.pxToRem(500px);
 }
 
-.mainblock-add-form{   
+.mainblock-add-form{
     .checknumber{
         margin: 0 f.pxToRem(20px);
     }
-        .p-margin{ 
+        .p-margin{
             gap:5px;
             p{
                 font-size: 18px;
             }
         }
-        
+
         .grey-text{
             color:grey;
         }
 
         .red-text{
-            color:c.$accented-red-color;
+            color: c.$accented-red-color;
         }
 
         .ant-switch-checked{
             background-color: c.$dark-red-color;
-        } 
+        }
 
     }
 
@@ -48,18 +48,18 @@
                 margin-bottom: f.pxToRem(10px);
             }
             .date-picker-group-item{
-                width: 100%; 
+                width: 100%;
                 .streetcode-first-formitem-datepicker{
                     .ant-row{
                         //flex-direction: column;
                         flex-flow: row nowrap;
                     }
                 }
-            }    
+            }
         }
     }
 
-    .tags-block{   
+    .tags-block{
         display: flex;
         flex-direction: column;
          .ant-select-selector{
@@ -78,7 +78,7 @@
                 @include mut.sized(40px,40px);
             }
         }
-       
+
         .tags-block-tagitems{
             width: 100%;
             .tags-select-input{
@@ -123,8 +123,8 @@
     .photo-uploader-container{
         display: flex;
         justify-content: space-between;
-    } 
- 
+    }
+
     .tagInput-counter {
         position: absolute;
         right: f.pxToRem(2px);
@@ -136,4 +136,4 @@
 
     .ant-upload {
         width: 100%;
-    }
\ No newline at end of file
+    }
diff --git a/src/features/AdminPage/NewStreetcode/MainNewStreetcode.component.tsx b/src/features/AdminPage/NewStreetcode/MainNewStreetcode.component.tsx
index 65565fa56..0674ec880 100644
--- a/src/features/AdminPage/NewStreetcode/MainNewStreetcode.component.tsx
+++ b/src/features/AdminPage/NewStreetcode/MainNewStreetcode.component.tsx
@@ -263,6 +263,8 @@ const NewStreetcode = () => {
             factsStore.fetchFactsByStreetcodeId(parseId);
             timelineItemStore.fetchTimelineItemsByStreetcodeId(parseId);
             statisticRecordStore.fetchStatisticRecordsByStreetcodeId(parseId);
+        } else {
+            setAllPersistedSourcesAreSet(true);
         }
     }, []);
 
diff --git a/src/features/AdminPage/NewStreetcode/TimelineBlock/NewTimelineModal/NewTimelineModal.component.tsx b/src/features/AdminPage/NewStreetcode/TimelineBlock/NewTimelineModal/NewTimelineModal.component.tsx
index 738f86fa1..89f90e2e8 100644
--- a/src/features/AdminPage/NewStreetcode/TimelineBlock/NewTimelineModal/NewTimelineModal.component.tsx
+++ b/src/features/AdminPage/NewStreetcode/TimelineBlock/NewTimelineModal/NewTimelineModal.component.tsx
@@ -51,6 +51,7 @@ const NewTimelineModal: React.FC<NewTimelineModalProps> = observer(({ timelineIt
     const clearModal = () => {
         form.resetFields();
         setIsModalOpen(false);
+        setErrorMessage('');
     };
 
     useEffect(() => {
@@ -84,8 +85,7 @@ const NewTimelineModal: React.FC<NewTimelineModalProps> = observer(({ timelineIt
     const GetDateBasedOnFormat = (date: Date) => {
         let seconds = 0;
         // specific GMT+202 Ukraine timezone before 1/5/1924, where seconds are truncated by browser
-        if(GetLocalMinutesOffset(date) == 122)
-        {
+        if (GetLocalMinutesOffset(date) == 122) {
             seconds = 4;
         }
         date.setHours(0, GetLocalMinutesOffset(date), seconds, 0);
@@ -106,9 +106,10 @@ const NewTimelineModal: React.FC<NewTimelineModalProps> = observer(({ timelineIt
     };
 
     const onSuccesfulSubmit = (formValues: any) => {
-        timelineItemStore.getTimelineItemArray.map((t) => t).forEach(t => {
-            if (formValues.title == t.title || formValues.description == t.description)
+        timelineItemStore.getTimelineItemArray.map((t) => t).forEach((t) => {
+            if (formValues.title == t.title || formValues.description == t.description) {
                 timelineItem = t;
+            }
         });
         if (timelineItem) {
             const item = timelineItemStore.timelineItemMap.get(timelineItem.id);
@@ -180,7 +181,7 @@ const NewTimelineModal: React.FC<NewTimelineModalProps> = observer(({ timelineIt
         try {
             await form.validateFields();
             form.submit();
-            message.success("Хронологію успішно додано!", 2)
+            message.success('Хронологію успішно додано!', 2);
         } catch (error) {
             message.config({
                 top: 100,
@@ -228,7 +229,7 @@ const NewTimelineModal: React.FC<NewTimelineModalProps> = observer(({ timelineIt
                         <Input maxLength={28} showCount onChange={(e) => onChange('title', e.target.value)} />
                     </Form.Item>
 
-                    <Form.Item label="Дата:">
+                    <Form.Item>
                         <div className="data-container">
                             <Select
                                 options={selectDateOptionsforTimeline}
@@ -240,6 +241,7 @@ const NewTimelineModal: React.FC<NewTimelineModalProps> = observer(({ timelineIt
                             />
 
                             <Form.Item
+                                label="Дата:"
                                 name="date"
                                 rules={[{ required: true, message: 'Введіть дату' }]}
                             >
@@ -287,7 +289,11 @@ const NewTimelineModal: React.FC<NewTimelineModalProps> = observer(({ timelineIt
                         </Form.Item>
                         {tagInput && (
                             <div className="tagInput-counter">
-                                {tagInput.length} / {maxContextLength}
+                                {tagInput.length}
+                                {' '}
+/
+                                {' '}
+                                {maxContextLength}
                             </div>
                         )}
                     </div>
diff --git a/src/features/AdminPage/NewsPage/NewsModal/NewsModal.component.tsx b/src/features/AdminPage/NewsPage/NewsModal/NewsModal.component.tsx
index f68475087..41e284ff1 100644
--- a/src/features/AdminPage/NewsPage/NewsModal/NewsModal.component.tsx
+++ b/src/features/AdminPage/NewsPage/NewsModal/NewsModal.component.tsx
@@ -163,8 +163,6 @@ const NewsModal: React.FC<{
 
     const handleOk = async () => {
         try {
-            message.loading('Валідація даних...');
-
             await form.validateFields();
             if (handleTextChange()) {
                 setWaitingForApiResponse(true);
diff --git a/src/features/AdminPage/TeamPage/TeamModal/TeamModal.component.tsx b/src/features/AdminPage/TeamPage/TeamModal/TeamModal.component.tsx
index 3fc0f0661..a2228c7a7 100644
--- a/src/features/AdminPage/TeamPage/TeamModal/TeamModal.component.tsx
+++ b/src/features/AdminPage/TeamPage/TeamModal/TeamModal.component.tsx
@@ -7,6 +7,7 @@ import { observer } from 'mobx-react-lite';
 import React, { useEffect, useRef, useState } from 'react';
 import { DeleteOutlined, UserAddOutlined } from '@ant-design/icons';
 import PreviewFileModal from '@features/AdminPage/NewStreetcode/MainBlock/PreviewFileModal/PreviewFileModal.component';
+import SOCIAL_OPTIONS from '@features/AdminPage/TeamPage/TeamModal/constants/socialOptions';
 import TeamMember, {
     LogoType, Positions,
     TeamCreateUpdate, TeamMemberLinkCreateUpdate,
@@ -43,88 +44,116 @@ const TeamModal: React.FC<{
     const [selectedPositions, setSelectedPositions] = useState<Positions[]>([]);
     const [isMain, setIsMain] = useState(false);
     const [fileList, setFileList] = useState<UploadFile[]>([]);
+    const [actionSuccess, setActionSuccess] = useState(false);
+    const [waitingForApiResponse, setWaitingForApiResponse] = useState(false);
     const imageId = useRef<number>(0);
+
+    message.config({
+        top: 100,
+        duration: 2,
+        maxCount: 1,
+    });
+
+    const getImageAsFileInArray = (): UploadFile[] => (teamMember ? [
+        {
+            name: '',
+            thumbUrl: base64ToUrl(teamMember.image?.base64, teamMember.image?.mimeType),
+            uid: teamMember.imageId.toString(),
+            status: 'done',
+        },
+    ] : []);
+
     useEffect(() => {
         if (open) {
             PositionsApi.getAll().then((pos) => setPositions(pos));
         }
     }, [open]);
 
-    const onPositionSelect = (selectedValue: string) => {
-        let selected;
-        const selectedIndex = positions.findIndex((t) => t.position === selectedValue);
-        if (selectedIndex < 0) {
-            let minId = Math.min(...selectedPositions.map((t) => t.id));
-            if (minId < 0) {
-                minId -= 1;
-            } else {
-                minId = -1;
-            }
-            setSelectedPositions([...selectedPositions, { id: minId, position: selectedValue }]);
-        } else {
-            selected = positions[selectedIndex];
+    useEffect(() => {
+        setIsMain(teamMember ? teamMember.isMain : false);
+    }, [teamMember]);
 
-            setSelectedPositions([...selectedPositions, { ...selected, position: selectedValue }]);
+    useEffect(() => {
+        setWaitingForApiResponse(false);
+        if (actionSuccess) {
+            message.success('Члена команди успішно додано/оновлено!');
+            setActionSuccess(false);
         }
-    };
-
-    const onPositionDeselect = (deselectedValue: string) => {
-        setSelectedPositions(selectedPositions.filter((t) => t.position !== deselectedValue));
-    };
+    }, [actionSuccess]);
 
     useEffect(() => {
         if (teamMember && open) {
             imageId.current = teamMember.imageId;
             form.setFieldsValue({
-                name: teamMember.name,
-                isMain: teamMember.isMain,
-                description: teamMember.description,
+                ...teamMember,
                 positions: teamMember.positions.map((s) => s.position),
-                image: [
-                    {
-                        name: '',
-                        thumbUrl: base64ToUrl(teamMember.image?.base64, teamMember.image?.mimeType),
-                        uid: teamMember.imageId.toString(),
-                        status: 'done',
-                    }],
+                image: getImageAsFileInArray(),
             });
             setSelectedPositions(teamMember.positions);
-            setTeamSourceLinks(teamMember.teamMemberLinks.map((l) => ({
-                id: l.id,
-                logoType: l.logoType,
-                targetUrl: l.targetUrl,
-            })));
+            setTeamSourceLinks([...teamMember.teamMemberLinks]);
         } else {
             imageId.current = 0;
         }
     }, [teamMember, open, form]);
 
+    const getNewId = (objects: Array<{ id: number }>) => {
+        let minId = Math.min(...objects.map((t) => t.id));
+
+        if (minId < 0) {
+            minId -= 1;
+        } else {
+            minId = -1;
+        }
+
+        return minId;
+    };
+
+    const onPositionSelect = (selectedValue: string) => {
+        const selectedIndex = positions.findIndex((t) => t.position === selectedValue);
+
+        if (selectedIndex < 0) {
+            const id = getNewId(selectedPositions);
+
+            setSelectedPositions([...selectedPositions, { id, position: selectedValue }]);
+        } else {
+            const selected = positions[selectedIndex];
+
+            setSelectedPositions([...selectedPositions, { ...selected, position: selectedValue }]);
+        }
+    };
+
+    const onPositionDeselect = (deselectedValue: string) => {
+        setSelectedPositions(selectedPositions.filter((t) => t.position !== deselectedValue));
+    };
+
     const closeAndCleanData = () => {
-        form.resetFields();
-        teamLinksForm.resetFields();
-        setSelectedPositions([]);
-        teamSourceLinks.splice(0);
-        setIsModalOpen(false);
-        setFileList([]);
+        if (!waitingForApiResponse) {
+            form.resetFields();
+            teamLinksForm.resetFields();
+            setSelectedPositions([]);
+            teamSourceLinks.splice(0);
+            setIsModalOpen(false);
+            setFileList([]);
+            setCustomWarningVisible(false);
+        }
     };
 
     const closeModal = () => {
-        setIsModalOpen(false);
-    }
+        if (!waitingForApiResponse) {
+            setIsModalOpen(false);
+        }
+    };
 
     const onSuccesfulSubmitLinks = (formValues: any) => {
         const url = formValues.url as string;
         const logotype = teamLinksForm.getFieldValue('logotype');
+
         if (!url.toLocaleLowerCase().includes(logotype)) {
             setCustomWarningVisible(true);
         } else {
             setCustomWarningVisible(false);
-            let newId = Math.min(...teamSourceLinks.map((item) => item.id));
-            if (newId < 0) {
-                newId -= 1;
-            } else {
-                newId = -1;
-            }
+
+            const newId = getNewId(teamSourceLinks);
             setTeamSourceLinks([...teamSourceLinks, {
                 id: newId,
                 logoType: Number(LogoType[logotype]),
@@ -132,23 +161,23 @@ const TeamModal: React.FC<{
             }]);
         }
     };
+
+    const removeImage = () => {
+        imageId.current = 0;
+    };
+
     const handleOk = async () => {
         try {
             await form.validateFields();
-            form.submit();
-            message.success("Нового члена команди успішно додано!", 2)
+            setWaitingForApiResponse(true);
+            await form.submit();
         } catch (error) {
-            message.config({
-                top: 100,
-                duration: 3,
-                maxCount: 3,
-                rtl: true,
-                prefixCls: 'my-message',
-            });
             message.error("Будь ласка, заповніть всі обов'язкові поля та перевірте валідність ваших даних");
         }
     };
+
     const onSuccesfulSubmitPosition = async (formValues: any) => {
+        message.loading('Зберігання...');
         teamSourceLinks.forEach((el, index) => {
             if (el.id < 0) {
                 teamSourceLinks[index].id = 0;
@@ -164,71 +193,38 @@ const TeamModal: React.FC<{
             positions: selectedPositions,
             description: formValues.description ?? '',
         };
-        teamStore.getTeamArray.map((t) => t).forEach(t => {
-        if (formValues.name == t.name  || imageId.current == t.imageId)
-            teamMember = t;
-        });
-        if (teamMember) {
-            team.id = teamMember.id;
-            Promise.all([
-                teamStore.updateTeam(team)
-                    .then(() => {
-                        if (afterSubmit) {
-                            afterSubmit(team);
-                        }
-                    })
-                    .catch((e) => {
-                        console.log(e);
-                    }),
-            ]);
-        } else {
-            Promise.all([
-                teamStore.createTeam(team)
-                    .then(() => {
-                        if (afterSubmit) {
-                            afterSubmit(team);
-                        }
-                    })
-                    .catch((e) => {
-                        console.log(e);
-                    }),
-            ]);
-        }
-    };
 
-    const selectSocialMediaOptions = [{
-        value: 'twitter',
-        label: 'Twitter',
-    }, {
-        value: 'instagram',
-        label: 'Instagram',
-    }, {
-        value: 'facebook',
-        label: 'Facebook',
-    }, {
-        value: 'youtube',
-        label: 'Youtube',
-    }, {
-        value: 'linkedin',
-        label: 'LinkedIn',
-    }, {
-        value: 'tiktok',
-        label: 'TikTok',
-    }, {
-        value: 'behance',
-        label: 'Behance',
-    }, {
-        value: 'https',
-        label: 'Ваш сайт',
-    }];
+        // eslint-disable-next-line no-param-reassign
+        teamMember = teamStore.getTeamArray.find(
+            (t) => (formValues.name === t.name || imageId.current === t.imageId),
+        );
 
-    useEffect(() => {
-        setIsMain(teamMember ? teamMember.isMain : false);
-    }, [teamMember]);
+        try {
+            if (imageId.current === 0) {
+                throw new Error("Image isn't uploaded yet");
+            }
+
+            if (teamMember) {
+                team.id = teamMember.id;
+                await teamStore.updateTeam(team);
+            } else {
+                await teamStore.createTeam(team);
+            }
+
+            if (afterSubmit) {
+                afterSubmit(team);
+            }
+            setActionSuccess(true);
+        } catch (error: unknown) {
+            message.error('Не вдалось оновити/створити члена команди. Спробуйте ще раз.');
+            setWaitingForApiResponse(false);
+        }
+    };
 
     const handleCheckboxChange = (e: { target: { checked: boolean | ((prevState: boolean) => boolean); }; }) => {
         setIsMain(e.target.checked);
     };
+
     return (
         <Modal
             open={open}
@@ -320,18 +316,12 @@ const TeamModal: React.FC<{
                             onPreview={(e) => {
                                 setFilePreview(e); setPreviewOpen(true);
                             }}
+                            onRemove={removeImage}
                             uploadTo="image"
                             onSuccessUpload={(image: Image) => {
                                 imageId.current = image.id;
                             }}
-                            defaultFileList={(teamMember)
-                                ? [{
-                                    name: '',
-                                    thumbUrl: base64ToUrl(teamMember.image?.base64, teamMember.image?.mimeType),
-                                    uid: teamMember.imageId.toString(),
-                                    status: 'done',
-                                }]
-                                : []}
+                            defaultFileList={getImageAsFileInArray()}
                         >
                             <p>Виберіть чи перетягніть файл</p>
                         </FileUploader>
@@ -368,7 +358,7 @@ const TeamModal: React.FC<{
                         label="Соціальна мережа"
                     >
                         <Select
-                            options={selectSocialMediaOptions}
+                            options={SOCIAL_OPTIONS}
                         />
                     </FormItem>
                     <Form.Item
@@ -386,11 +376,14 @@ const TeamModal: React.FC<{
                             <UserAddOutlined />
                         </Button>
                     </Form.Item>
+
+                    {customWarningVisible
+                        ? <p className="error-message">Посилання не співпадає з вибраним текстом</p> : ''}
                 </div>
-                {customWarningVisible ? <p className="red-text">Посилання не співпадає з вибраним текстом</p> : ''}
 
                 <div className="center">
-                    <Button disabled={fileList?.length === 0}  className="streetcode-custom-button" onClick={handleOk}>
+                    {/* disabled={fileList?.length === 0} */}
+                    <Button className="streetcode-custom-button" onClick={handleOk}>
                         Зберегти
                     </Button>
                 </div>
diff --git a/src/features/AdminPage/TeamPage/TeamModal/TeamModal.styles.scss b/src/features/AdminPage/TeamPage/TeamModal/TeamModal.styles.scss
index 32f685897..ae6edafc2 100644
--- a/src/features/AdminPage/TeamPage/TeamModal/TeamModal.styles.scss
+++ b/src/features/AdminPage/TeamPage/TeamModal/TeamModal.styles.scss
@@ -21,6 +21,14 @@
     gap: f.pxToRem(5px);
     display: flex;
     align-items: center;
+    position: relative;
+
+    .error-message{
+        color: c.$accented-red-color;
+        position: absolute;
+        bottom: f.pxToRem(5px);
+        left: f.pxToRem(5px);
+    }
 }
 
 .team-source-list{
@@ -64,4 +72,4 @@
             font-weight: 600;
         }
     }
-}
\ No newline at end of file
+}
diff --git a/src/features/AdminPage/TeamPage/TeamModal/constants/socialOptions.ts b/src/features/AdminPage/TeamPage/TeamModal/constants/socialOptions.ts
new file mode 100644
index 000000000..aa53d5ea8
--- /dev/null
+++ b/src/features/AdminPage/TeamPage/TeamModal/constants/socialOptions.ts
@@ -0,0 +1,36 @@
+const SOCIAL_OPTIONS = [
+    {
+        value: 'twitter',
+        label: 'Twitter',
+    },
+    {
+        value: 'instagram',
+        label: 'Instagram',
+    },
+    {
+        value: 'facebook',
+        label: 'Facebook',
+    },
+    {
+        value: 'youtube',
+        label: 'Youtube',
+    },
+    {
+        value: 'linkedin',
+        label: 'LinkedIn',
+    },
+    {
+        value: 'tiktok',
+        label: 'TikTok',
+    },
+    {
+        value: 'behance',
+        label: 'Behance',
+    },
+    {
+        value: 'https',
+        label: 'Ваш сайт',
+    },
+];
+
+export default SOCIAL_OPTIONS;
diff --git a/src/features/AdminPage/TeamPage/TeamPage.component.tsx b/src/features/AdminPage/TeamPage/TeamPage.component.tsx
index 58c7f10f5..dd1317b47 100644
--- a/src/features/AdminPage/TeamPage/TeamPage.component.tsx
+++ b/src/features/AdminPage/TeamPage/TeamPage.component.tsx
@@ -45,7 +45,7 @@ const TeamPage = () => {
 
     useEffect(() => {
         updatedTeam();
-    }, [modalEditOpened, modalAddOpened]);
+    }, []);
 
     const renderImageColumn = (image: Image, record: { id: any; }) => (
         <img
diff --git a/src/features/MainPage/Heading/Heading.styles.scss b/src/features/MainPage/Heading/Heading.styles.scss
index 5012e8a0b..dd239eb33 100644
--- a/src/features/MainPage/Heading/Heading.styles.scss
+++ b/src/features/MainPage/Heading/Heading.styles.scss
@@ -8,6 +8,7 @@
     @include mut.sized($height: 40px, $width: 100%);
     @include mut.rem-padded($left: 25px, $right: 20px);
     @include mut.flexed($justify-content: space-between, $align-items: center);
+    white-space: nowrap;
 
     .leftPart {
         @include mut.flexed($align-items: center);
diff --git a/src/features/MainPage/StaticBanners/StaticBanner.component.tsx b/src/features/MainPage/StaticBanners/StaticBanner.component.tsx
index 2891a9893..294182180 100644
--- a/src/features/MainPage/StaticBanners/StaticBanner.component.tsx
+++ b/src/features/MainPage/StaticBanners/StaticBanner.component.tsx
@@ -1,7 +1,7 @@
 import Ornament from '@/assets/images/main-page/ornament.svg';
-import OrnamentMobile from '@/assets/images/main-page/ornament_mobile.svg';
 import './StaticBanner.styles.scss';
 import useWindowSize from '@/app/common/hooks/stateful/useWindowSize.hook';
+
 interface Props {
     id:  'catalog' | 'support';
     blockName: string,
@@ -13,7 +13,7 @@ interface Props {
 const StaticBanner = ({ id, blockName, blockContent, buttonName, setActionOnClick }: Props) => {
     return (
         <div>
-            {useWindowSize().width <= 360 && id === 'support' ? <div className='top'><OrnamentMobile /></div> : <></>}
+            {useWindowSize().width <= 480 && id === 'support' ? <div className='top' /> : <></>}
 
             <div className={`mainPageBlockStaticBanner ${id}`}>
                 {useWindowSize().width > 768 ? <Ornament className='left' /> : <></>}
@@ -30,7 +30,7 @@ const StaticBanner = ({ id, blockName, blockContent, buttonName, setActionOnClic
 
                 {useWindowSize().width > 768 ? <Ornament className='right' /> : <></>}
             </div>
-            {useWindowSize().width <= 360 && id === 'support' ? <div className='bottom'><OrnamentMobile /></div> : <></>}
+            {useWindowSize().width <= 480 && id === 'support' ? <div className='bottom' /> : <></>}
         </div>
 
     );
diff --git a/src/features/MainPage/StaticBanners/StaticBanner.styles.scss b/src/features/MainPage/StaticBanners/StaticBanner.styles.scss
index f5f0bf0e3..bbade5d97 100644
--- a/src/features/MainPage/StaticBanners/StaticBanner.styles.scss
+++ b/src/features/MainPage/StaticBanners/StaticBanner.styles.scss
@@ -261,6 +261,7 @@
 
     @media screen and (max-width: 480px) {
         padding: 0;
+        box-shadow: none;
 
         &.catalog {
             @include mut.full-rounded(0px);
@@ -342,15 +343,16 @@
     }
 }
 
-@media screen and (max-width: 360px) {
-
+@media screen and (max-width: 480px) {
     .top {
-        @include mut.flexed($direction: column, $align-items: center);
-        @include mut.rem-margined($top: 15px);
+        @include mut.bg-image('@assets/images/main-page/ornamentFlower.svg', $bg-size: contain, $bg-repeat: space);
+        @include mut.rem-margined($top: 30px);
+        height: 36px;
     }
 
     .bottom {
-        @include mut.flexed($direction: column, $align-items: center);
-        @include mut.rem-margined($bottom: 15px);
+        @include mut.bg-image('@assets/images/main-page/ornamentFlower.svg', $bg-size: contain, $bg-repeat: space);
+        @include mut.rem-margined($bottom: 10px);
+        height: 36px;
     }
 }
diff --git a/src/features/ProgressBar/ProgressBar.component.tsx b/src/features/ProgressBar/ProgressBar.component.tsx
index 23e9deb8f..1bc966b25 100644
--- a/src/features/ProgressBar/ProgressBar.component.tsx
+++ b/src/features/ProgressBar/ProgressBar.component.tsx
@@ -76,7 +76,10 @@ const ProgressBar: FC<Props> = ({
     }, [wasScrolled.current, setInvisible]);
 
     useEffect(() => {
-        timeoutId.current = setTimeout(() => setIsOnTimeout(false), hidingDelay);
+        timeoutId.current = setTimeout(() => {
+            setIsOnTimeout(false);
+            setInvisible();
+        }, hidingDelay);
         return () => clearTimeout(timeoutId.current);
     }, []);
 
@@ -98,9 +101,9 @@ const ProgressBar: FC<Props> = ({
     const onActiveBlockSelection = (activeIdx: number) => {
         const firstBlockHeight = blocks[0]?.height ?? 0;
         const lastBlockHeight = blocks[blocks.length - 1]?.height ?? 1;
-    
+
         scrollPercentage.current = getYScrollPercentage(scrollPosition, firstBlockHeight, lastBlockHeight);
-    };    
+    };
 
     const onProgressBarCallerClick = () => {
         toggle();
diff --git a/src/features/ProgressBar/ProgressBarSection/ProgressBarSection.component.tsx b/src/features/ProgressBar/ProgressBarSection/ProgressBarSection.component.tsx
index 4800ff233..bd5efe59d 100644
--- a/src/features/ProgressBar/ProgressBarSection/ProgressBarSection.component.tsx
+++ b/src/features/ProgressBar/ProgressBarSection/ProgressBarSection.component.tsx
@@ -14,23 +14,26 @@ const ProgressBarSection = ({ idx, block: { title, height }, isBlockActive }: Pr
     const CurrentClick = (e: any) => {
         e.stopPropagation();
         window.scrollTo(0, height);
-    }
+    };
 
-    return(<Popover
-        overlayClassName="progressBarSectionPopover"
-        align={{ offset: [0, 1] }}
-        content={<p>{title}</p>}
-    >
-        <div
-            key={idx}
-            className={`progressBarSection ${isBlockActive ? 'active' : ''}`}
-            onClick={CurrentClick}
+    return (
+        <Popover
+            overlayClassName="progressBarSectionPopover"
+            align={{ offset: [0, 1] }}
+            content={<p>{title}</p>}
+            getPopupContainer={(trigger:HTMLElement) => trigger.parentElement as HTMLElement}
         >
-            <span>
-                {idx + 1}
-            </span>
-        </div>
-    </Popover>);
+            <div
+                key={idx}
+                className={`progressBarSection ${isBlockActive ? 'active' : ''}`}
+                onClick={CurrentClick}
+            >
+                <span>
+                    {idx + 1}
+                </span>
+            </div>
+        </Popover>
+    );
 };
 
 export default ProgressBarSection;
diff --git a/src/features/ProgressBar/ProgressBarSection/ProgressBarSection.styles.scss b/src/features/ProgressBar/ProgressBarSection/ProgressBarSection.styles.scss
index 95573e3da..4c29eec3e 100644
--- a/src/features/ProgressBar/ProgressBarSection/ProgressBarSection.styles.scss
+++ b/src/features/ProgressBar/ProgressBarSection/ProgressBarSection.styles.scss
@@ -11,7 +11,7 @@
   background-color: c.$pure-white-color;
   border: 2px solid c.$lighter-gray-color;
   @include vnd.vendored(transform, 'rotate(45deg)');
-
+  transition: all .2s ease;
   &.active {
     @include mut.sized(32px, 32px);
     border-width: 3px !important;
@@ -36,4 +36,4 @@
   .ant-popover-arrow {
     @include mut.hidden();
   }
-}
\ No newline at end of file
+}
diff --git a/src/features/StreetcodePage/MainBlock/StreetcodeCard/StreetcodeCard.component.tsx b/src/features/StreetcodePage/MainBlock/StreetcodeCard/StreetcodeCard.component.tsx
index 476aecf25..6e4c11476 100644
--- a/src/features/StreetcodePage/MainBlock/StreetcodeCard/StreetcodeCard.component.tsx
+++ b/src/features/StreetcodePage/MainBlock/StreetcodeCard/StreetcodeCard.component.tsx
@@ -2,7 +2,6 @@ import './StreetcodeCard.styles.scss';
 
 import { observer } from 'mobx-react-lite';
 import React, { useEffect, useState } from 'react';
-import { Helmet } from 'react-helmet';
 import { PlayCircleFilled } from '@ant-design/icons';
 import TagList from '@components/TagList/TagList.component';
 import BlockSlider from '@features/SlickSlider/SlickSlider.component';
@@ -84,146 +83,126 @@ const StreetcodeCard = ({ streetcode, setActiveTagId, setActiveBlock }: Props) =
 
     return (
         streecodePageLoaderContext.isPageLoaded ? (
-            <>
-                <Helmet>
-                    <meta property="og:title" content={streetcode?.title} />
-                    <meta
-                        property="og:description"
-                        content="«Стріткод: історія на кожному кроці» — платформа про імена в назвах вулиць."
-                    />
-                    <meta
-                        name="twitter:card"
-                        content="«Стріткод: історія на кожному кроці» — платформа про імена в назвах вулиць."
-                    />
-                    <meta
-                        property="og:image"
-                        content={
-                            images.length > 1 ? base64ToUrl(images[1].base64, images[1].mimeType)
-                                : base64ToUrl(images[0].base64, images[0].mimeType)
-                        }
-                    />
-                </Helmet>
-                <div className="card">
-                    <div className="leftSider">
-                        <div className="leftSiderContent">
-                            <BlockSlider
-                                arrows={false}
-                                slidesToShow={1}
-                                swipeOnClick
-                                infinite
-                            >
-                                {imagesForSlider.map((image, index) => {
-                                    if (imagesForSlider.length > 1 && index === 0) {
-                                        return (
-                                            <div>
-                                                <img
-                                                    key={imagesForSlider[0].id}
-                                                    src={
-                                                        base64ToUrl(
-                                                            imagesForSlider[0].base64,
-                                                            imagesForSlider[0].mimeType,
-                                                        )
-                                                    }
-                                                    className="streetcodeImgColored"
-                                                    style={{ objectFit: 'contain' }}
-                                                    alt={imagesForSlider[0].imageDetails?.alt}
-                                                />
-                                                <img
-                                                    key={imagesForSlider[1].id}
-                                                    src={base64ToUrl(
-                                                        imagesForSlider[1].base64,
-                                                        imagesForSlider[1].mimeType,
-                                                    )}
-                                                    className="streetcodeImgGrey"
-                                                    style={{ objectFit: 'contain' }}
-                                                    alt={imagesForSlider[1].imageDetails?.alt}
-                                                />
-                                            </div>
-                                        );
-                                    }
-
+            <div className="card">
+                <div className="leftSider">
+                    <div className="leftSiderContent">
+                        <BlockSlider
+                            arrows={false}
+                            slidesToShow={1}
+                            swipeOnClick
+                            infinite
+                        >
+                            {imagesForSlider.map((image, index) => {
+                                if (imagesForSlider.length > 1 && index === 0) {
                                     return (
-                                        <img
-                                            key={imagesForSlider[index].id}
-                                            src={base64ToUrl(
-                                                imagesForSlider[index].base64,
-                                                imagesForSlider[index].mimeType,
-                                            )}
-                                            className="streetcodeImg"
-                                            style={{ objectFit: 'contain' }}
-                                            alt={imagesForSlider[index].imageDetails?.alt}
-                                        />
+                                        <div>
+                                            <img
+                                                key={imagesForSlider[0].id}
+                                                src={
+                                                    base64ToUrl(
+                                                        imagesForSlider[0].base64,
+                                                        imagesForSlider[0].mimeType,
+                                                    )
+                                                }
+                                                className="streetcodeImgColored"
+                                                style={{ objectFit: 'contain' }}
+                                                alt={imagesForSlider[0].imageDetails?.alt}
+                                            />
+                                            <img
+                                                key={imagesForSlider[1].id}
+                                                src={base64ToUrl(
+                                                    imagesForSlider[1].base64,
+                                                    imagesForSlider[1].mimeType,
+                                                )}
+                                                className="streetcodeImgGrey"
+                                                style={{ objectFit: 'contain' }}
+                                                alt={imagesForSlider[1].imageDetails?.alt}
+                                            />
+                                        </div>
                                     );
-                                })}
-                            </BlockSlider>
-                        </div>
+                                }
+
+                                return (
+                                    <img
+                                        key={imagesForSlider[index].id}
+                                        src={base64ToUrl(
+                                            imagesForSlider[index].base64,
+                                            imagesForSlider[index].mimeType,
+                                        )}
+                                        className="streetcodeImg"
+                                        style={{ objectFit: 'contain' }}
+                                        alt={imagesForSlider[index].imageDetails?.alt}
+                                    />
+                                );
+                            })}
+                        </BlockSlider>
                     </div>
-                    <div className="rightSider">
-                        <div className="streetcodeIndex">
+                </div>
+                <div className="rightSider">
+                    <div className="streetcodeIndex">
                             Стріткод #
-                            {streetcode?.index ?? 0 <= 9999 ? `000${streetcode?.index}`.slice(-4)
-                                : streetcode?.index}
-                        </div>
-                        <h2 className="streetcodeTitle">
-                            {streetcode?.title}
-                        </h2>
-                        <div className="streetcodeDate">
-                            {streetcode?.dateString}
-                        </div>
-                        <div className="tagListWrapper">
-                            <TagList
-                                tags={streetcode?.tags.filter((tag: StreetcodeTag) => tag.isVisible)}
-                                setActiveTagId={setActiveTagId}
-                                setActiveTagBlock={setActiveBlock}
-                            />
-                        </div>
-                        <div className="blurTop" />
-
-                        <p className="teaserBlock">
-                            {streetcode?.teaser}
-                        </p>
-
-                        <div className="blurBottom" />
-                        <div className="cardFooter">
-                            {audio?.base64 && audioIsLoaded
-                                ? (
-                                    <Button
-                                        type="primary"
-                                        className="audioBtn audioBtnActive"
-                                        onClick={() => {
-                                            setModal('audio');
-                                            audioClickEvent(streetcode?.id ?? 0);
-                                        }}
-                                    >
-                                        <PlayCircleFilled className="playCircle" />
-                                        <span>Прослухати текст</span>
-                                    </Button>
-                                )
-                                : (
-                                    <Button
-                                        disabled
-                                        type="primary"
-                                        className="audioBtn"
-                                    >
-                                        <span>Аудіо на підході</span>
-                                    </Button>
-                                )}
-
-                            {arlink
-                                ? (
-                                    <Button
-                                        className="animateFigureBtn"
-                                        onClick={() => personLiveEvent(streetcode?.id ?? 0)}
-                                        href="#QRBlock"
-                                    >
-                                        <a>Оживити картинку</a>
-                                    </Button>
-                                )
-                                : <></>}
-                        </div>
+                        {streetcode?.index ?? 0 <= 9999 ? `000${streetcode?.index}`.slice(-4)
+                            : streetcode?.index}
+                    </div>
+                    <h2 className="streetcodeTitle">
+                        {streetcode?.title}
+                    </h2>
+                    <div className="streetcodeDate">
+                        {streetcode?.dateString}
+                    </div>
+                    <div className="tagListWrapper">
+                        <TagList
+                            tags={streetcode?.tags.filter((tag: StreetcodeTag) => tag.isVisible)}
+                            setActiveTagId={setActiveTagId}
+                            setActiveTagBlock={setActiveBlock}
+                        />
+                    </div>
+                    <div className="blurTop" />
+
+                    <p className="teaserBlock">
+                        {streetcode?.teaser}
+                    </p>
+
+                    <div className="blurBottom" />
+                    <div className="cardFooter">
+                        {audio?.base64 && audioIsLoaded
+                            ? (
+                                <Button
+                                    type="primary"
+                                    className="audioBtn audioBtnActive"
+                                    onClick={() => {
+                                        setModal('audio');
+                                        audioClickEvent(streetcode?.id ?? 0);
+                                    }}
+                                >
+                                    <PlayCircleFilled className="playCircle" />
+                                    <span>Прослухати текст</span>
+                                </Button>
+                            )
+                            : (
+                                <Button
+                                    disabled
+                                    type="primary"
+                                    className="audioBtn"
+                                >
+                                    <span>Аудіо на підході</span>
+                                </Button>
+                            )}
+
+                        {arlink
+                            ? (
+                                <Button
+                                    className="animateFigureBtn"
+                                    onClick={() => personLiveEvent(streetcode?.id ?? 0)}
+                                    href="#QRBlock"
+                                >
+                                    <a>Оживити картинку</a>
+                                </Button>
+                            )
+                            : <></>}
                     </div>
                 </div>
-            </>
+            </div>
         ) : <></>
     );
 };
diff --git a/src/features/StreetcodePage/RelatedFiguresBlock/RelatedFigureItem/RelatedFigureItem.styles.scss b/src/features/StreetcodePage/RelatedFiguresBlock/RelatedFigureItem/RelatedFigureItem.styles.scss
index ae119351b..66c99bbec 100644
--- a/src/features/StreetcodePage/RelatedFiguresBlock/RelatedFigureItem/RelatedFigureItem.styles.scss
+++ b/src/features/StreetcodePage/RelatedFiguresBlock/RelatedFigureItem/RelatedFigureItem.styles.scss
@@ -12,7 +12,6 @@
     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     background-size: 285px;
     background-repeat: no-repeat;
-
     @include mut.positioned-as();
     @include mut.flexed($justify-content: center, $align-items: flex-end);
 
@@ -110,11 +109,11 @@
     }
 }
 
-.relatedFigureSlide.hoverable:hover { 
-    @include mut.sized($width: 278px, $height: 459px); 
- 
+.relatedFigureSlide.hoverable:hover {
+    @include mut.sized($width: 278px, $height: 459px);
+
     .figureSlideText{
-        @include mut.sized($width: 278px, $height: 176px); 
+        @include mut.sized($width: 278px, $height: 176px);
 
         .relatedTagList {
             visibility: visible;
diff --git a/src/features/StreetcodePage/RelatedFiguresBlock/RelatedFigures.styles.scss b/src/features/StreetcodePage/RelatedFiguresBlock/RelatedFigures.styles.scss
index 7fa7508b5..882d27feb 100644
--- a/src/features/StreetcodePage/RelatedFiguresBlock/RelatedFigures.styles.scss
+++ b/src/features/StreetcodePage/RelatedFiguresBlock/RelatedFigures.styles.scss
@@ -4,6 +4,7 @@
 @use "@sass/variables/_variables.colors.scss" as c;
 
 $moreInfo-width: 150px;
+$card-size: 380px;
 
 .relatedFiguresWrapper.container{
     margin-top: f.pxToRem(120px);
@@ -56,7 +57,9 @@ $moreInfo-width: 150px;
     margin: 0 auto;
 
     .slick-arrow {
-        top: 45%;
+        position: absolute;
+        top: f.pxToRem(calc($card-size / 2));
+        transform: translateY(-1.8rem); // half of arrow height
     }
 
     .slick-list {
@@ -92,12 +95,12 @@ $moreInfo-width: 150px;
         }
         .slick-slide {
             width: 165px !important;
-            
+
             &.slick-active.slick-current {
                 transform: translateX(0px) !important;
             }
         }
-        
+
     }
 }
 
@@ -128,4 +131,4 @@ $moreInfo-width: 150px;
     .moreInfo {
         display: none;
     }
-}
\ No newline at end of file
+}
diff --git a/src/features/StreetcodePage/TextBlock/ReadMore/ReadMore.component.tsx b/src/features/StreetcodePage/TextBlock/ReadMore/ReadMore.component.tsx
index 9010b69b6..b7afc1016 100644
--- a/src/features/StreetcodePage/TextBlock/ReadMore/ReadMore.component.tsx
+++ b/src/features/StreetcodePage/TextBlock/ReadMore/ReadMore.component.tsx
@@ -15,6 +15,7 @@ const MAX_LENGTH_MOBILE = 900;
 
 const ReadMore = ({ text }: Props) => {
     const [isExpanded, setIsExpanded] = useState(false);
+    const [isClicked, setIsClicked] = useState(false);
     const readMoreRef = useRef<HTMLDivElement>(null);
 
     const isMobile = useMediaQuery({
@@ -32,7 +33,7 @@ const ReadMore = ({ text }: Props) => {
                                 || (isMobile && text.length > MAX_LENGTH_MOBILE);
 
     useEffect(() => {
-        if (!isExpanded && isTextLong && readMoreRef.current) {
+        if (!isExpanded && isClicked && isTextLong && readMoreRef.current) {
             const screenHeight = window.innerHeight;
 
             const rect = readMoreRef.current.getBoundingClientRect();
@@ -42,7 +43,7 @@ const ReadMore = ({ text }: Props) => {
 
             window.scrollTo({ top: scrollPosition, behavior: 'smooth' });
         }
-    }, [isExpanded]);
+    }, [isExpanded, isClicked]);
 
     // eslint-disable-next-line @typescript-eslint/no-shadow
     function getTrunculatedText(text: string) {
@@ -76,7 +77,10 @@ const ReadMore = ({ text }: Props) => {
                     >
                         <span
                             className={`readMore ${isExpanded && 'readLess'}`}
-                            onClick={() => setIsExpanded((prev) => !prev)}
+                            onClick={() => {
+                                setIsExpanded((prev) => !prev);
+                                setIsClicked(true);
+                            }}
                         >
                             {!isExpanded ? 'Трохи ще' : isMobile ? 'Згорнути текст' : 'Дещо менше'}
                         </span>