diff --git a/frontend-modern/src/components/Settings/AuditWebhookPanel.tsx b/frontend-modern/src/components/Settings/AuditWebhookPanel.tsx
index 43094f897..af3871438 100644
--- a/frontend-modern/src/components/Settings/AuditWebhookPanel.tsx
+++ b/frontend-modern/src/components/Settings/AuditWebhookPanel.tsx
@@ -109,7 +109,9 @@ export const AuditWebhookPanel: Component<AuditWebhookPanelProps> = (props) => {
                       <div class={AUDIT_WEBHOOK_ENDPOINT_ICON_CLASS}>
                         <ExternalLink size={16} />
                       </div>
-                      <span class="text-sm font-medium text-base-content truncate">{url}</span>
+                      <span class="text-sm font-medium text-base-content truncate" title={url}>
+                        {url}
+                      </span>
                     </div>
                     <button
                       onClick={() => handleRemoveWebhook(url)}
diff --git a/frontend-modern/src/components/Settings/SSOProvidersPanel.tsx b/frontend-modern/src/components/Settings/SSOProvidersPanel.tsx
index f1ce14194..5eb0c6748 100644
--- a/frontend-modern/src/components/Settings/SSOProvidersPanel.tsx
+++ b/frontend-modern/src/components/Settings/SSOProvidersPanel.tsx
@@ -132,14 +132,16 @@ export const SSOProvidersPanel: Component<SSOProvidersPanelProps> = (props) => {
                       </div>
                       <div class="min-w-0">
                         <div class="flex items-center gap-2">
-                          <span class="font-medium text-base-content truncate">
+                          <span class="font-medium text-base-content truncate" title={provider.name}>
                             {provider.name}
                           </span>
                           <span class={getSSOProviderTypeBadgeClass()}>
                             {getSSOProviderTypeLabel(provider.type)}
                           </span>
                         </div>
-                        <p class="text-xs text-muted truncate">{getSSOProviderSummary(provider)}</p>
+                        <p class="text-xs text-muted truncate" title={getSSOProviderSummary(provider)}>
+                          {getSSOProviderSummary(provider)}
+                        </p>
                       </div>
                     </div>
                     <div class="flex items-center gap-2 self-end sm:self-auto">