From 03abfc5b1611db36decb0614ebf23644fcf34426 Mon Sep 17 00:00:00 2001
From: Dominik Stumpf <122315398+dominik-stumpf@users.noreply.github.com>
Date: Tue, 16 Jul 2024 19:28:30 +0200
Subject: [PATCH] fix(css): make space for ToggleGroup (#1397)

* fix(css): make space for ToggleGroup

* chore: remove useless flex
---
 src/app/explorer/_components/StickyBar.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/explorer/_components/StickyBar.tsx b/src/app/explorer/_components/StickyBar.tsx
index e2f0efdae9..257d73421b 100644
--- a/src/app/explorer/_components/StickyBar.tsx
+++ b/src/app/explorer/_components/StickyBar.tsx
@@ -38,7 +38,7 @@ const Nav = () => {
     <ToggleGroup
       type="single"
       className="gap-2"
-      size={isSearchStuck ? "sm" : "lg"}
+      size={isSearchStuck ? "sm" : "default"}
       variant={isNavStuck ? "default" : "mono"}
       onValueChange={(value) => value && setActiveSection(value as ActiveSection)}
       value={activeSection}
@@ -70,6 +70,7 @@ const CreateGuildLink = () => {
   return (
     <Link
       href="/create-guild"
+      aria-label="Create guild"
       prefetch={false}
       className={buttonVariants({
         variant: "ghost",
@@ -83,7 +84,7 @@ const CreateGuildLink = () => {
       })}
     >
       <Plus />
-      <span>Create guild</span>
+      <span className="hidden sm:inline-block">Create guild</span>
     </Link>
   )
 }