From b7398594650b8efba413cc067d8b4804027c65ff Mon Sep 17 00:00:00 2001
From: Rodrigo De la Rivera <crdelarivera@gmail.com>
Date: Wed, 17 Jul 2024 10:20:05 +0200
Subject: [PATCH] decrease the gap so abusehq fits in bold

---
 src/components/navigation/navigation-disclosure.tsx | 8 +++++++-
 src/components/navigation/navigation-group.tsx      | 2 +-
 src/components/navigation/navigation.stories.tsx    | 2 +-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/navigation/navigation-disclosure.tsx b/src/components/navigation/navigation-disclosure.tsx
index 85d8ac31..97f07db3 100644
--- a/src/components/navigation/navigation-disclosure.tsx
+++ b/src/components/navigation/navigation-disclosure.tsx
@@ -2,12 +2,14 @@ import { Disclosure } from "@headlessui/react";
 import React from "react";
 import { NavigationDisclosurePanel } from "./navigation-disclosure-panel";
 import { NavigationGroupItemTag } from "./navigation-group-item-tag";
+import { classNames } from "../../util/class-names";
 
 export interface NavigationDisclosureButtonProps {
     children: React.ReactNode;
     LeftIcon?: React.ElementType;
     onClick?: () => void;
     tag?: string;
+    className?: string;
 }
 
 const NavigationDisclosureButton = ({
@@ -15,10 +17,14 @@ const NavigationDisclosureButton = ({
     LeftIcon,
     onClick,
     tag,
+    className,
 }: NavigationDisclosureButtonProps) => {
     return (
         <Disclosure.Button
-            className="flex w-full cursor-pointer items-center gap-x-3 px-4 py-3 text-left text-sm text-neutral-0 hover:bg-primary-900+10 ui-open:bg-primary-900+8 ui-open:font-semibold"
+            className={classNames(
+                "flex w-full cursor-pointer items-center gap-x-2 px-4 py-3 text-left text-sm text-neutral-0 hover:bg-primary-900+10 ui-open:bg-primary-900+8 ui-open:font-semibold",
+                className
+            )}
             onClick={onClick}
         >
             {LeftIcon ? <LeftIcon className="h-4 w-4" /> : null}
diff --git a/src/components/navigation/navigation-group.tsx b/src/components/navigation/navigation-group.tsx
index d5541018..0f73129f 100644
--- a/src/components/navigation/navigation-group.tsx
+++ b/src/components/navigation/navigation-group.tsx
@@ -18,7 +18,7 @@ const NavigationGroupItem = ({
     return (
         <div
             className={classNames(
-                "relative flex cursor-pointer items-center gap-x-3 px-4 py-3 text-sm text-neutral-0 hover:bg-primary-900+10",
+                "relative flex cursor-pointer items-center gap-x-2 px-4 py-3 text-sm text-neutral-0 hover:bg-primary-900+10",
                 isActive && "bg-primary-900+20 font-semibold hover:bg-primary-900+20"
             )}
             {...props}
diff --git a/src/components/navigation/navigation.stories.tsx b/src/components/navigation/navigation.stories.tsx
index ee68e4ce..20b12f12 100644
--- a/src/components/navigation/navigation.stories.tsx
+++ b/src/components/navigation/navigation.stories.tsx
@@ -35,7 +35,7 @@ export const Default: Story = {
                         <Navigation.Group.Item>Mail Intelligence</Navigation.Group.Item>
                         <Navigation.Disclosure>
                             <Navigation.Disclosure.Button tag="Beta">
-                                AbuseHQ 2
+                                Guardian Ops
                             </Navigation.Disclosure.Button>
                             <Navigation.Disclosure.Panel>
                                 <Navigation.Disclosure.Panel.Item>