fix(react): add truncation to domain display

Author: chakrihacker

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@auth0/universal-components-core",
-  "version": "1.0.0-beta.27",
+  "version": "1.0.0-beta.28",
   "description": "Core utilities for Auth0 Universal Components",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

packages/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@auth0/universal-components-react",
-  "version": "1.0.0-beta.27",
+  "version": "1.0.0-beta.28",
   "private": false,
   "sideEffects": [
     "*.css"

packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-edit/sso-domain-tab.tsx

@@ -92,7 +92,9 @@ export function SsoDomainTab({
         type: 'text',
         accessorKey: 'domain',
         title: t('table.columns.name'),
-        render: (domain) => <div className="font-medium text-primary">{domain.domain}</div>,
+        render: (domain) => (
+          <div className="font-medium text-primary truncate">{domain.domain}</div>
+        ),
       },
       {
         type: 'text',