fix: cut off and alignment bug (#19317)

* fix: assignment label cut-off

* fix: add all team members label is vertically aligned

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) => {

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>
               )}