From 80eddcb50203fd1ea8ab4b6dd357d67ccf24e815 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= <tiagov8@gmail.com>
Date: Wed, 8 Apr 2026 15:59:16 -0700
Subject: [PATCH 1/7] Update CountryDropdown.tsx

---
 lib/components/CountryDropdown/CountryDropdown.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/lib/components/CountryDropdown/CountryDropdown.tsx b/lib/components/CountryDropdown/CountryDropdown.tsx
index 7949df8..68492a2 100644
--- a/lib/components/CountryDropdown/CountryDropdown.tsx
+++ b/lib/components/CountryDropdown/CountryDropdown.tsx
@@ -51,7 +51,7 @@ const CountryDropdown = ({ url, className }: CountryDropdownProps) => {
     <Popover className={cx(className)}>
       <Popover.Button
         className={cx(
-          "flex items-center justify-center gap-x-1 rounded-md px-4 py-1 text-sm font-semibold text-ssw-black outline-none xs:px-5",
+          "flex items-center justify-center gap-x-1 rounded-md pl-4 py-1 text-sm font-semibold text-ssw-black outline-none xs:pr-4",
           "hover:scale-105",
         )}
         onClick={() => setIsOpened(!isOpened)}
@@ -68,13 +68,13 @@ const CountryDropdown = ({ url, className }: CountryDropdownProps) => {
         leaveFrom="opacity-100 translate-y-0"
         leaveTo="opacity-0 -translate-y-1"
       >
-        <Popover.Panel className="absolute z-10 bg-white text-center shadow-md shadow-gray-400">
+        <Popover.Panel className="absolute z-10 bg-white text-center shadow-md border px-4 mt-2">
           {websites
             .filter((w) => w.country !== currentCountry)
             .map((country) => (
               <CustomLink
                 key={country.country}
-                className="block min-w-[80px] py-2 hover:scale-105"
+                className="block min-w-[35px] py-2 hover:scale-105"
                 href={country.url}
                 title={country.country}
               >

From 6fbb45114b6e6512a602e7909115cdec4302b275 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= <tiagov8@gmail.com>
Date: Thu, 9 Apr 2026 15:21:34 -0700
Subject: [PATCH 2/7] Update CountryDropdown.tsx

---
 lib/components/CountryDropdown/CountryDropdown.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/CountryDropdown/CountryDropdown.tsx b/lib/components/CountryDropdown/CountryDropdown.tsx
index 68492a2..c12d7e1 100644
--- a/lib/components/CountryDropdown/CountryDropdown.tsx
+++ b/lib/components/CountryDropdown/CountryDropdown.tsx
@@ -51,7 +51,7 @@ const CountryDropdown = ({ url, className }: CountryDropdownProps) => {
     <Popover className={cx(className)}>
       <Popover.Button
         className={cx(
-          "flex items-center justify-center gap-x-1 rounded-md pl-4 py-1 text-sm font-semibold text-ssw-black outline-none xs:pr-4",
+          "flex items-center justify-center gap-x-1 rounded-md px-4 xl:pr-0 py-1 text-sm font-semibold text-ssw-black outline-none",
           "hover:scale-105",
         )}
         onClick={() => setIsOpened(!isOpened)}

From ad4705102fe658d04c13d30e52947da32d3f0238 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= <tiagov8@gmail.com>
Date: Thu, 9 Apr 2026 15:27:53 -0700
Subject: [PATCH 3/7] Update Divider.tsx

---
 lib/components/ui/Divider.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/ui/Divider.tsx b/lib/components/ui/Divider.tsx
index 2df0c4d..bce2e87 100644
--- a/lib/components/ui/Divider.tsx
+++ b/lib/components/ui/Divider.tsx
@@ -2,5 +2,5 @@ import type { ClassValue } from "clsx";
 import { cx } from "../../util/cx";
 
 export const Divider = ({ className }: { className?: ClassValue }) => (
-  <div className={cx("mr-1 h-4 w-px bg-gray-700/30", className)}></div>
+  <div className={cx("h-4 w-px bg-gray-700/30", className)}></div>
 );

From 7cb968a626420a71446542c15742ef478b14d25d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= <tiagov8@gmail.com>
Date: Thu, 9 Apr 2026 15:29:50 -0700
Subject: [PATCH 4/7] Update MegaMenuLayout.tsx

---
 lib/components/MegaMenuLayout/MegaMenuLayout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/MegaMenuLayout/MegaMenuLayout.tsx b/lib/components/MegaMenuLayout/MegaMenuLayout.tsx
index 55510cb..2a84eb4 100644
--- a/lib/components/MegaMenuLayout/MegaMenuLayout.tsx
+++ b/lib/components/MegaMenuLayout/MegaMenuLayout.tsx
@@ -123,7 +123,7 @@ const MegaMenuContents: React.FC<MegaMenuWrapperProps> = ({
             {isFlagVisible && <Divider />}
             <button
               type="button"
-              className="inline-flex items-center justify-center rounded-md text-gray-700 xs:px-4"
+              className="inline-flex items-center justify-center rounded-md text-gray-700 pl-2"
               onClick={() => setMobileMenuOpen(true)}
             >
               <span className="sr-only">Open main menu</span>

From 7cc442e1d5c4c2d6e68ee5b373eb1aab2b373711 Mon Sep 17 00:00:00 2001
From: Calinator444 <calebwilliams@ssw.com.au>
Date: Fri, 10 Apr 2026 09:34:13 +1000
Subject: [PATCH 5/7] fixed linting

---
 lib/components/CountryDropdown/CountryDropdown.tsx | 4 ++--
 lib/components/MegaMenuLayout/MegaMenuLayout.tsx   | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/lib/components/CountryDropdown/CountryDropdown.tsx b/lib/components/CountryDropdown/CountryDropdown.tsx
index c12d7e1..a16c686 100644
--- a/lib/components/CountryDropdown/CountryDropdown.tsx
+++ b/lib/components/CountryDropdown/CountryDropdown.tsx
@@ -51,7 +51,7 @@ const CountryDropdown = ({ url, className }: CountryDropdownProps) => {
     <Popover className={cx(className)}>
       <Popover.Button
         className={cx(
-          "flex items-center justify-center gap-x-1 rounded-md px-4 xl:pr-0 py-1 text-sm font-semibold text-ssw-black outline-none",
+          "flex items-center justify-center gap-x-1 rounded-md px-4 py-1 text-sm font-semibold text-ssw-black outline-none xl:pr-0",
           "hover:scale-105",
         )}
         onClick={() => setIsOpened(!isOpened)}
@@ -68,7 +68,7 @@ const CountryDropdown = ({ url, className }: CountryDropdownProps) => {
         leaveFrom="opacity-100 translate-y-0"
         leaveTo="opacity-0 -translate-y-1"
       >
-        <Popover.Panel className="absolute z-10 bg-white text-center shadow-md border px-4 mt-2">
+        <Popover.Panel className="absolute z-10 mt-2 border bg-white px-4 text-center shadow-md">
           {websites
             .filter((w) => w.country !== currentCountry)
             .map((country) => (
diff --git a/lib/components/MegaMenuLayout/MegaMenuLayout.tsx b/lib/components/MegaMenuLayout/MegaMenuLayout.tsx
index 2a84eb4..8a31c09 100644
--- a/lib/components/MegaMenuLayout/MegaMenuLayout.tsx
+++ b/lib/components/MegaMenuLayout/MegaMenuLayout.tsx
@@ -81,7 +81,7 @@ const MegaMenuContents: React.FC<MegaMenuWrapperProps> = ({
       <div
         className={cx(
           className,
-          "px-4 relative z-10 flex w-full items-center justify-center sm:h-[120px]",
+          "relative z-10 flex w-full items-center justify-center px-4 sm:h-[120px]",
         )}
       >
         <nav
@@ -123,7 +123,7 @@ const MegaMenuContents: React.FC<MegaMenuWrapperProps> = ({
             {isFlagVisible && <Divider />}
             <button
               type="button"
-              className="inline-flex items-center justify-center rounded-md text-gray-700 pl-2"
+              className="inline-flex items-center justify-center rounded-md pl-2 text-gray-700"
               onClick={() => setMobileMenuOpen(true)}
             >
               <span className="sr-only">Open main menu</span>
@@ -155,7 +155,7 @@ const MegaMenuContents: React.FC<MegaMenuWrapperProps> = ({
           <RightSideActions />
         </div>
       ) : (
-        !hidePhone && <PhoneButton className="flex-grow pb-4 px-4 sm:hidden" />
+        !hidePhone && <PhoneButton className="flex-grow px-4 pb-4 sm:hidden" />
       )}
     </>
   );

From b45d77ff7f54e015b0d177c2210153237a60e9c9 Mon Sep 17 00:00:00 2001
From: Calinator444 <calebwilliams@ssw.com.au>
Date: Fri, 10 Apr 2026 09:35:42 +1000
Subject: [PATCH 6/7] Bumped megamenu version

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index e6fcc90..849161f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ssw.megamenu",
-  "version": "4.13.8",
+  "version": "4.13.9",
   "repository": {
     "type": "git",
     "url": "https://github.com/SSWConsulting/SSW.MegaMenu"

From ece44de3e2409b3586985a2085abf2ddcd5fff5c Mon Sep 17 00:00:00 2001
From: Calinator444 <calebwilliams@ssw.com.au>
Date: Fri, 10 Apr 2026 09:36:09 +1000
Subject: [PATCH 7/7] I decreased padding around sample project

---
 src/App.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index f7900ae..2c5276e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,7 +5,7 @@ function App() {
   return (
     <>
       <header>Test MegaMenu</header>
-      <div className="mx-auto max-w-7xl px-8">
+      <div className="mx-auto max-w-7xl px-4">
         <MegaMenuLayout
           title="Rules"
           subtitle="Secret ingredients to quality software"