From 4850badb3fce4250d0cc906a248f695b10be7dd2 Mon Sep 17 00:00:00 2001
From: majakomel <maja.komel@gmail.com>
Date: Thu, 11 Apr 2024 22:08:55 +0200
Subject: [PATCH] Fix tests

---
 cypress/e2e/countries.e2e.cy.js | 4 ++--
 pages/countries.js              | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/cypress/e2e/countries.e2e.cy.js b/cypress/e2e/countries.e2e.cy.js
index 075281ddc..b7aa58e34 100644
--- a/cypress/e2e/countries.e2e.cy.js
+++ b/cypress/e2e/countries.e2e.cy.js
@@ -5,14 +5,14 @@ describe('Countries Page Tests', () => {
   })
 
   it('first region (Africa) is visible', () => {
-    cy.get(':nth-child(1) > h1')
+    cy.get(':nth-child(1) > h2')
       .contains('Africa')
       .should('be.visible')
   })
 
   it('clicking on region in menu scrolls down to the correct region', () => {
     cy.get('a[href="#Europe"]').click({ force: true })
-    cy.get(':nth-child(4) > h1')
+    cy.get(':nth-child(4) > h2')
       .contains('Europe')
       .should('be.visible')
   })
diff --git a/pages/countries.js b/pages/countries.js
index 2d0696c6a..2470f928f 100644
--- a/pages/countries.js
+++ b/pages/countries.js
@@ -23,8 +23,8 @@ const RegionHeaderAnchor = styled.div`
       links bar when scrolling to the selected region. And the height of these
       bars changes in the mobile layout. This has evolved to be a bad design
       that needs to be replaced. */
-  height: 172px;
-  margin-top: -172px;
+  height: 140px;
+  margin-top: -140px;
   @media(max-width: 768px) {
     height: 375px;
     margin-top: -375px;