diff --git a/index.html b/index.html
index 3e079c4..e2bbeb1 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>6 cities</title>
   <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="src/pages/not-found-page/not-found-page.css">
 </head>
 
 <body>
diff --git a/src/Pages/main-page.tsx b/src/Pages/main-page.tsx
index d744642..b9e70c1 100644
--- a/src/Pages/main-page.tsx
+++ b/src/Pages/main-page.tsx
@@ -90,8 +90,7 @@ export function MainPage({ offers }: MainPageProps): React.JSX.Element {
                 <OffersList
                   offers={offers}
                   onActiveOfferChange={(offer: Nullable<Offer>) =>
-                    setActiveOffer(offer)
-                  }
+                    setActiveOffer(offer)}
                   isOnMainPage
                 />
               </section>
@@ -105,9 +104,9 @@ export function MainPage({ offers }: MainPageProps): React.JSX.Element {
                   selectedPoint={
                     activeOffer
                       ? {
-                          location: activeOffer?.location,
-                          id: activeOffer?.id,
-                        }
+                        location: activeOffer?.location,
+                        id: activeOffer?.id,
+                      }
                       : undefined
                   }
                   isOnMainPage
diff --git a/src/Pages/not-found-page/not-found-page.module.css b/src/Pages/not-found-page/not-found-page.css
similarity index 70%
rename from src/Pages/not-found-page/not-found-page.module.css
rename to src/Pages/not-found-page/not-found-page.css
index 5155bb6..64dc74f 100644
--- a/src/Pages/not-found-page/not-found-page.module.css
+++ b/src/Pages/not-found-page/not-found-page.css
@@ -1,20 +1,20 @@
-.container {
+.not-found-page {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }
-.title {
+.not-found-page__title {
   text-align: center;
 }
 
-.link {
+.not-found-page__link {
   color: skyblue;
   margin: 10px;
   font-style: italic;
 }
 
-.link:hover {
+.not-found-page__link:hover {
   text-decoration: underline;
   font-weight: bold;
 }
diff --git a/src/Pages/not-found-page/not-found-page.tsx b/src/Pages/not-found-page/not-found-page.tsx
index ce3c619..f26156c 100644
--- a/src/Pages/not-found-page/not-found-page.tsx
+++ b/src/Pages/not-found-page/not-found-page.tsx
@@ -1,19 +1,18 @@
 import { Link } from 'react-router-dom';
-import styles from './not-found-page.module.css';
 import { Helmet } from 'react-helmet-async';
 
 export function NotFoundPage(): React.JSX.Element {
   return (
-    <main className={styles.container}>
+    <main className='not-found-page'>
       <Helmet>
         <title>404 - not found</title>
       </Helmet>
       <h1>404 - Page Not Found</h1>
-      <p className={styles.title}>
+      <p className='not-found-page__title'>
         The page you are looking for might have been removed or is temporarily
         unavailable.
       </p>
-      <Link to="/public" className={styles.link}>
+      <Link to="/" className='not-found-page__link'>
         back to main page
       </Link>
     </main>
diff --git a/src/components/app.tsx b/src/components/app.tsx
index 58fd7f6..35672f6 100644
--- a/src/components/app.tsx
+++ b/src/components/app.tsx
@@ -26,7 +26,7 @@ export function App({ offers }: AppProps): React.JSX.Element {
           <Route
             path={AppRoutes.Favorites}
             element={
-              <AuthorizationWrapper isAuthorized={true}>
+              <AuthorizationWrapper isAuthorized={false}>
                 <FavoritesPage offers={offers} />
               </AuthorizationWrapper>
             }
diff --git a/src/components/map/map.tsx b/src/components/map/map.tsx
index 5b7e7c5..6ae3b62 100644
--- a/src/components/map/map.tsx
+++ b/src/components/map/map.tsx
@@ -59,10 +59,11 @@ export function Map(props: MapProps): React.JSX.Element {
     <section
       className={cn(
         'map',
-        { cities__map: isOnMainPage },
-        { offer__map: !isOnMainPage },
+        { 'cities__map': isOnMainPage },
+        { 'offer__map': !isOnMainPage },
       )}
       ref={mapRef}
-    ></section>
+    >
+    </section>
   );
 }
diff --git a/src/components/offer/offer-card.tsx b/src/components/offer/offer-card.tsx
index bef330d..6ce0305 100644
--- a/src/components/offer/offer-card.tsx
+++ b/src/components/offer/offer-card.tsx
@@ -39,7 +39,7 @@ export function OfferCard({
       onMouseLeave={handleMouseLeave}
       className={cn(
         'place-card',
-        { cities__card: isOnMainPage },
+        { 'cities__card': isOnMainPage },
         { 'near-places__card': !isOnMainPage },
       )}
     >
diff --git a/src/components/reviews/review-form.tsx b/src/components/reviews/review-form.tsx
index b556f0d..e9a25ba 100644
--- a/src/components/reviews/review-form.tsx
+++ b/src/components/reviews/review-form.tsx
@@ -117,7 +117,8 @@ export function ReviewForm(): React.JSX.Element {
         name="review"
         placeholder="Tell how was your stay, what you like and what can be improved"
         onChange={onCommentChange}
-      ></textarea>
+      >
+      </textarea>
       <div className="reviews__button-wrapper">
         <p className="reviews__help">
           To submit review please make sure to set{' '}
