From 05e326f7d6c287f35c946cd51c2e9a712e187bf1 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Thu, 14 Nov 2024 17:42:57 +0100
Subject: [PATCH] Make navmenu wider on large screens (#1802)

---
 .changeset/popular-planes-arrive.md                          | 5 +++++
 packages/components/src/components/hive-navigation/index.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/popular-planes-arrive.md

diff --git a/.changeset/popular-planes-arrive.md b/.changeset/popular-planes-arrive.md
new file mode 100644
index 000000000..7a058413a
--- /dev/null
+++ b/.changeset/popular-planes-arrive.md
@@ -0,0 +1,5 @@
+---
+"@theguild/components": patch
+---
+
+Make navmenu wider on large screens
diff --git a/packages/components/src/components/hive-navigation/index.tsx b/packages/components/src/components/hive-navigation/index.tsx
index 82b921273..c702399d0 100644
--- a/packages/components/src/components/hive-navigation/index.tsx
+++ b/packages/components/src/components/hive-navigation/index.tsx
@@ -223,7 +223,7 @@ export const ProductsMenu = React.forwardRef<HTMLDivElement, ProductsMenuProps>(
             <span>Get started</span> <ArrowIcon />
           </Anchor>
         </div>
-        <div className="w-[269px]">
+        <div className="w-[269px] xl:w-[281px]">
           <ColumnLabel>The GraphQL Stack</ColumnLabel>
           <ul>
             {(