From ffc8dc8d6b3d0a288a4faa24433fb20f4418e859 Mon Sep 17 00:00:00 2001
From: Philipp Stracker <p.stracker@syde.com>
Date: Tue, 14 Jan 2025 12:36:34 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Remove=20the=20gap=20at=20the=20?=
 =?UTF-8?q?top=20of=20the=20screen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../js/Components/ReusableComponents/TopNavigation.js      | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/modules/ppcp-settings/resources/js/Components/ReusableComponents/TopNavigation.js b/modules/ppcp-settings/resources/js/Components/ReusableComponents/TopNavigation.js
index 60bd19641..ee3ca7aaa 100644
--- a/modules/ppcp-settings/resources/js/Components/ReusableComponents/TopNavigation.js
+++ b/modules/ppcp-settings/resources/js/Components/ReusableComponents/TopNavigation.js
@@ -1,4 +1,4 @@
-import { useCallback } from '@wordpress/element';
+import { useCallback, useLayoutEffect } from '@wordpress/element';
 import { Button, Icon } from '@wordpress/components';
 import { chevronLeft } from '@wordpress/icons';
 import classNames from 'classnames';
@@ -34,6 +34,11 @@ const TopNavigation = ( {
 		}
 	}, [ exitOnTitleClick, goToWooCommercePaymentsTab, onTitleClick ] );
 
+	// Removes the excess padding at the top of the navigation bar.
+	useLayoutEffect( () => {
+		window.dispatchEvent( new Event( 'resize' ) );
+	}, [] );
+
 	return (
 		<div className={ className }>
 			<div className="ppcp-r-navigation">