diff --git a/src/clients/ClientsSection.tsx b/src/clients/ClientsSection.tsx
index b2b66675ce..413d2f8d52 100644
--- a/src/clients/ClientsSection.tsx
+++ b/src/clients/ClientsSection.tsx
@@ -12,17 +12,18 @@ import {
TabTitleText,
} from "@patternfly/react-core";
+import type ClientRepresentation from "keycloak-admin/lib/defs/clientRepresentation";
+import { emptyFormatter, exportClient, getBaseUrl } from "../util";
+import { formattedLinkTableCell } from "../components/external-link/FormattedLink";
import { ViewHeader } from "../components/view-header/ViewHeader";
import { useAdminClient } from "../context/auth/AdminClient";
+import { useRealm } from "../context/realm-context/RealmContext";
import { KeycloakDataTable } from "../components/table-toolbar/KeycloakDataTable";
-import { emptyFormatter, exportClient, getBaseUrl } from "../util";
import { useAlerts } from "../components/alert/Alerts";
-import type ClientRepresentation from "keycloak-admin/lib/defs/clientRepresentation";
-import { formattedLinkTableCell } from "../components/external-link/FormattedLink";
import { useConfirmDialog } from "../components/confirm-dialog/ConfirmDialog";
import { KeycloakTabs } from "../components/keycloak-tabs/KeycloakTabs";
import { InitialAccessTokenList } from "./initial-access/InitialAccessTokenList";
-import { useRealm } from "../context/realm-context/RealmContext";
+import { cellWidth, TableText } from "@patternfly/react-table";
export const ClientsSection = () => {
const { t } = useTranslation("clients");
@@ -80,6 +81,14 @@ export const ClientsSection = () => {
>
);
+ const ClientDescription = (client: ClientRepresentation) => (
+ <>
+
+ {emptyFormatter()(client.description)}
+
+ >
+ );
+
return (
<>
{
{
name: "description",
displayKey: "common:description",
- cellFormatters: [emptyFormatter()],
+ transforms: [cellWidth(20)],
+ cellRenderer: ClientDescription,
},
{
name: "baseUrl",