diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 7d88ec2..9fec6a4 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -30,7 +30,7 @@ const Footer = () => {
           <ul className={css.social_list}>
             <li className={css.social_item}>
               <a
-                href="/catalog"
+                href="/campers-rent-app/catalog"
                 target="_blank"
                 rel="noopener noreferrer"
                 aria-label="facebook"
@@ -43,7 +43,7 @@ const Footer = () => {
             </li>
             <li className={css.social_item}>
               <a
-                href="/catalog"
+                href="/campers-rent-app/catalog"
                 target="_blank"
                 rel="noopener noreferrer"
                 aria-label="instagram"
@@ -56,7 +56,7 @@ const Footer = () => {
             </li>
             <li className={css.social_item}>
               <a
-                href="/catalog"
+                href="/campers-rent-app/catalog"
                 target="_blank"
                 rel="noopener noreferrer"
                 aria-label="youtube"
diff --git a/src/components/Modal/ModalAdvert.jsx b/src/components/Modal/ModalAdvert.jsx
index 8d8d67a..80676c4 100644
--- a/src/components/Modal/ModalAdvert.jsx
+++ b/src/components/Modal/ModalAdvert.jsx
@@ -27,77 +27,87 @@ const ModalAdvert = ({ advert, onModalClose }) => {
         </button>
 
         <div className={css.advert_info}>
-          <div className={css.advert_title}>
-            <h2 className={css.advert_name}>{advert.name}</h2>
-            <div className={style.advert_subtitle}>
-              <div className={style.advert_reviews}>
-                <svg width={16} height={16}>
-                  <use href={`${svgSprite}#star`}></use>
-                </svg>
-                <p>
-                  {advert.rating}({advert.reviews.length}
-                  Reviews)
-                </p>
-              </div>
-              <div className={style.advert_location}>
-                <svg width={16} height={16}>
-                  <use href={`${svgSprite}#map-pin`}></use>
-                </svg>
-                <p>{advert.location}</p>
-              </div>
-            </div>
-            <div className={css.advert_price}>
+          <h2 className={css.advert_name}>{advert.name}</h2>
+          <div className={style.advert_subtitle}>
+            <div className={style.advert_reviews}>
+              <svg width={16} height={16}>
+                <use href={`${svgSprite}#star`}></use>
+              </svg>
               <p>
-                &#8364;
-                {advert.price}
+                {advert.rating}({advert.reviews.length}
+                Reviews)
               </p>
             </div>
+            <div className={style.advert_location}>
+              <svg width={16} height={16}>
+                <use href={`${svgSprite}#map-pin`}></use>
+              </svg>
+              <p>{advert.location}</p>
+            </div>
+          </div>
+          <div className={css.advert_price}>
+            <p>
+              &#8364;
+              {advert.price}
+            </p>
           </div>
-
-          <ul className={style.advertItem_gallery}>
-            {advert.gallery.map(imgUrl => (
-              <li key={imgUrl}>
-                <img
-                  className={style.advertItem_img}
-                  src={imgUrl}
-                  alt={advert.name}
-                  width={290}
-                  height={310}
-                />
-              </li>
-            ))}
-          </ul>
-          <p className="text">{advert.description}</p>
         </div>
 
-        <div className={css.advert_details_btns}>
-          <button
-            className={`${css.advert_details_btn} subtitle_h3 ${
-              btnActive === 'features' ? css.row_accent : ''
-            }`}
-            onClick={() => setBtnActive('features')}
-          >
-            Features
-          </button>
-          <button
-            className={`${css.advert_details_btn} subtitle_h3 ${
-              btnActive === 'rewiews' ? css.row_accent : ''
-            }`}
-            onClick={() => setBtnActive('rewiews')}
-          >
-            Reviews
-          </button>
-        </div>
-        <div className={css.advert_details_wrapper}>
-          <div className={css.advert_details}>
-            {btnActive === 'features' ? <Features advert={advert} /> : <></>}
-            {btnActive === 'rewiews' ? (
-              <Reviews reviews={advert.reviews} />
-            ) : (
-              <></>
-            )}
+        <div className={css.scrollbar_container}>
+          <div className={css.list_thumb}>
+            <div className={css.content_margin_right}>
+              <ul className={style.advertItem_gallery}>
+                {advert.gallery.map(imgUrl => (
+                  <li key={imgUrl}>
+                    <img
+                      className={style.advertItem_img}
+                      src={imgUrl}
+                      alt={advert.name}
+                      width={290}
+                      height={310}
+                    />
+                  </li>
+                ))}
+              </ul>
+              <p className={`${css.advertItem_descr} text`}>
+                {advert.description}
+              </p>
+
+              <div className={css.advert_details_btns}>
+                <button
+                  className={`${css.advert_details_btn} subtitle_h3 ${
+                    btnActive === 'features' ? css.row_accent : ''
+                  }`}
+                  onClick={() => setBtnActive('features')}
+                >
+                  Features
+                </button>
+                <button
+                  className={`${css.advert_details_btn} subtitle_h3 ${
+                    btnActive === 'rewiews' ? css.row_accent : ''
+                  }`}
+                  onClick={() => setBtnActive('rewiews')}
+                >
+                  Reviews
+                </button>
+              </div>
+              <div className={css.advert_details_wrapper}>
+                <div className={css.advert_details}>
+                  {btnActive === 'features' ? (
+                    <Features advert={advert} />
+                  ) : (
+                    <></>
+                  )}
+                  {btnActive === 'rewiews' ? (
+                    <Reviews reviews={advert.reviews} />
+                  ) : (
+                    <></>
+                  )}
+                </div>
+                <BookingForm />
+              </div>
+            </div>
           </div>
-          <BookingForm />
         </div>
       </div>
     </Modal>
diff --git a/src/components/Modal/ModalAdvert.module.css b/src/components/Modal/ModalAdvert.module.css
index 82fd3ca..b91f937 100644
--- a/src/components/Modal/ModalAdvert.module.css
+++ b/src/components/Modal/ModalAdvert.module.css
@@ -11,6 +11,8 @@
   height: 100vh;
 
   background: var(--backdrop-bg-color);
+
+  overflow-y: scroll;
 }
 
 .modal_window {
@@ -20,14 +22,12 @@
   transform: translate(-50%, -50%);
 
   width: 982px;
-  max-height: 720px;
-  height: auto;
-  padding: 40px;
+  height: 845px;
+
+  padding: 40px 16px 40px 40px;
 
   border-radius: 20px;
   background-color: var(--white);
-
-  overflow: hidden scroll;
 }
 
 .modal_close_btn {
@@ -57,11 +57,7 @@
 }
 
 .advert_info {
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-
-  margin-bottom: 44px;
+  margin-bottom: 24px;
 }
 
 .advert_name {
@@ -72,6 +68,10 @@
   line-height: 1.25;
 }
 
+.advert_subtitle {
+  margin-bottom: 16px;
+}
+
 .advert_price {
   composes: advert_name;
 
@@ -79,8 +79,45 @@
   margin-bottom: 0;
 }
 
-.scroll_info {
-  overflow: hidden scroll;
+.advertItem_descr {
+  margin-top: 24px;
+  margin-bottom: 44px;
+}
+
+.scrollbar_container {
+  position: relative;
+  display: flex;
+  justify-content: flex-start;
+
+  width: 100%;
+  height: 624px;
+
+  overflow: hidden;
+}
+
+.list_thumb {
+  position: relative;
+
+  width: calc(100% + 24px);
+  height: 100%;
+
+  overflow-y: scroll;
+}
+
+.content_margin_right {
+  margin-right: 16px;
+}
+
+.list_thumb::-webkit-scrollbar {
+  width: 8px;
+}
+
+.list_thumb::-webkit-scrollbar-thumb {
+  width: 8px;
+  height: 264px;
+
+  border-radius: 7px;
+  background: var(--scroll-color);
 }
 
 .advert_details_btns {