diff --git a/apps/admin-x-settings/src/components/settings/advanced/Integrations.tsx b/apps/admin-x-settings/src/components/settings/advanced/Integrations.tsx
index 627fb165f9..549dfe6fbe 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/Integrations.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/Integrations.tsx
@@ -18,7 +18,7 @@ import {useRouting} from '@tryghost/admin-x-framework/routing';
 interface IntegrationItemProps {
     icon?: React.ReactNode,
     title: string,
-    detail: string,
+    detail: string | React.ReactNode,
     action: () => void;
     onDelete?: () => void;
     active?: boolean;
@@ -173,11 +173,13 @@ const CustomIntegrations: React.FC<{integrations: Integration[]}> = ({integratio
                 {integrations.map(integration => (
                     <IntegrationItem
                         action={() => updateRoute({route: `integrations/${integration.id}`})}
-                        detail={integration.description || 'No description'}
+                        detail={<div className="line-clamp-2 break-words">
+                            <span title={`${integration.name}: ${integration.description || 'No description'}`}>{integration.description || 'No description'}</span>
+                        </div>}
                         icon={
                             integration.icon_image ?
-                                <img className='h-8 w-8 object-cover' role='presentation' src={integration.icon_image} /> :
-                                <Icon className='w-8' name='integration' />
+                                <img className='h-8 w-8 shrink-0 object-cover' role='presentation' src={integration.icon_image} /> :
+                                <Icon className='w-8 shrink-0' name='integration' />
                         }
                         title={integration.name}
                         custom
diff --git a/apps/admin-x-settings/src/components/settings/advanced/integrations/WebhooksTable.tsx b/apps/admin-x-settings/src/components/settings/advanced/integrations/WebhooksTable.tsx
index 10d188e719..8316634dfd 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/integrations/WebhooksTable.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/integrations/WebhooksTable.tsx
@@ -36,35 +36,36 @@ const WebhooksTable: React.FC<{integration: Integration}> = ({integration}) => {
             <TableRow bgOnHover={false}>
                 <TableHead>{integration.webhooks?.length || 0} {integration.webhooks?.length === 1 ? 'webhook' : 'webhooks'}</TableHead>
                 <TableHead>Last triggered</TableHead>
-                <TableHead />
             </TableRow>
             {integration.webhooks?.map(webhook => (
-                <TableRow
-                    action={
-                        <Button color='red' label='Delete' link onClick={(e) => {
-                            e?.stopPropagation();
-                            handleDelete(webhook.id);
-                        }} />
-                    }
-                    hideActions
-                    onClick={() => {
-                        NiceModal.show(WebhookModal, {
-                            webhook,
-                            integrationId:
+                <TableRow action={
+                    <Button color='red' label='Delete' link onClick={(e) => {
+                        e?.stopPropagation();
+                        handleDelete(webhook.id);
+                    }} />
+                }
+                bgOnHover={false}
+                hideActions
+                onClick={() => {
+                    NiceModal.show(WebhookModal, {
+                        webhook,
+                        integrationId:
                         integration.id
-                        });
-                    }}
+                    });
+                }}
                 >
-                    <TableCell className='w-1/2'>
+                    <TableCell className='w-3/4'>
                         <div className='text-sm font-semibold'>{webhook.name}</div>
                         <div className='grid grid-cols-[max-content_1fr] gap-x-1 text-xs leading-snug'>
                             <span className='text-grey-600'>Event:</span>
                             <span>{getWebhookEventLabel(webhook.event)}</span>
                             <span className='text-grey-600'>URL:</span>
-                            <span>{webhook.target_url}</span>
+                            <span className='line-clamp-3 break-all' title={webhook.target_url}>
+                                {webhook.target_url}
+                            </span>
                         </div>
                     </TableCell>
-                    <TableCell className='w-1/2 text-sm'>
+                    <TableCell className='w-1/4 text-sm'>
                         {webhook.last_triggered_at && new Date(webhook.last_triggered_at).toLocaleString('default', {
                             weekday: 'short',
                             month: 'short',