From b94f131647623454c5b7ef74d43491acf337c00f Mon Sep 17 00:00:00 2001
From: Bohdan Hrabynskyi <bogdan.grabinskij@gmail.com>
Date: Wed, 30 Oct 2024 19:32:30 +0100
Subject: [PATCH] Implement shadow instead of hr

---
 src/components/Header/Header.jsx        |  1 -
 src/components/Header/Header.module.css | 12 +-----------
 2 files changed, 1 insertion(+), 12 deletions(-)

diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx
index b1281d2a..6a1da382 100644
--- a/src/components/Header/Header.jsx
+++ b/src/components/Header/Header.jsx
@@ -27,7 +27,6 @@ const Header = () => {
                         <LanguageSelector />
                         <HeaderUserMenu />
                     </div>
-                    <hr className={styles.separator} />
                 </header>
             </div >
         </>
diff --git a/src/components/Header/Header.module.css b/src/components/Header/Header.module.css
index 9d65b437..f449c786 100644
--- a/src/components/Header/Header.module.css
+++ b/src/components/Header/Header.module.css
@@ -15,17 +15,7 @@
     position: fixed;
     background-color: #ffffff;
     height: 180px;
-}
-
-.separator {
-    position: absolute;
-    left: 0;
-    right: 0;
-    width: 100%;
-    height: 0.5px;
-    color: rgba(232, 227, 227, 0.399);
-    margin-top: 160px;
-    z-index: 1001;
+    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
 }
 
 .airbnbHomeButton {