From e441f3308fc489f68ed92442ea8eb6159a7bc71d Mon Sep 17 00:00:00 2001
From: amrit <iamamrit27@gmail.com>
Date: Mon, 17 Feb 2025 13:51:26 +0530
Subject: [PATCH] fix: cut off and alignment bug (#19317)

* fix: assignment label cut-off

* fix: add all team members label is vertically aligned
---
 .../features/eventtypes/components/AssignAllTeamMembers.tsx   | 2 +-
 packages/ui/components/navigation/tabs/VerticalTabItem.tsx    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/features/eventtypes/components/AssignAllTeamMembers.tsx b/packages/features/eventtypes/components/AssignAllTeamMembers.tsx
index 5d915ec60c..62b45fde9c 100644
--- a/packages/features/eventtypes/components/AssignAllTeamMembers.tsx
+++ b/packages/features/eventtypes/components/AssignAllTeamMembers.tsx
@@ -29,7 +29,7 @@ const AssignAllTeamMembers = ({
         <SettingsToggle
           data-testid="assign-all-team-members-toggle"
           title={t("automatically_add_all_team_members")}
-          labelClassName={classNames("mt-0.5 font-normal", customClassNames?.label)}
+          labelClassName={classNames("mt-[3px] text-sm", customClassNames?.label)}
           switchContainerClassName={customClassNames?.container}
           checked={assignAllTeamMembers}
           onCheckedChange={(active) => {
diff --git a/packages/ui/components/navigation/tabs/VerticalTabItem.tsx b/packages/ui/components/navigation/tabs/VerticalTabItem.tsx
index be7325c3e4..a1d857794c 100644
--- a/packages/ui/components/navigation/tabs/VerticalTabItem.tsx
+++ b/packages/ui/components/navigation/tabs/VerticalTabItem.tsx
@@ -75,13 +75,13 @@ const VerticalTabItem = ({
               />
             )}
             <div className="h-fit min-w-0 flex-1">
-              <span className="flex items-center gap-2 truncate">
+              <span className="flex items-center gap-2">
                 {name}
                 {props.isExternalLink ? <Icon name="external-link" data-testid="external-link" /> : null}
               </span>
               {info && (
                 // TODO: I don't think having apps-info as a data-test-id is right here as this is meant to be dumb component.
-                <p data-testid="apps-info" className="mt-1 truncate text-xs font-normal">
+                <p data-testid="apps-info" className="mt-1 text-xs font-normal">
                   {info}
                 </p>
               )}