From 0a62d711f276a8379b06bc9ea9c2dce2b1861ed7 Mon Sep 17 00:00:00 2001
From: puddly <32534428+puddly@users.noreply.github.com>
Date: Wed, 7 Jun 2023 05:34:17 -0400
Subject: [PATCH] Allow the ZHA serial port path to wrap if it is too long
 (#16806)

Allow the serial port path to wrap if it is too long
---
 .../integration-panels/zha/zha-config-dashboard.ts   | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/panels/config/integrations/integration-panels/zha/zha-config-dashboard.ts b/src/panels/config/integrations/integration-panels/zha/zha-config-dashboard.ts
index 0518935fca..6fe1e65f6b 100644
--- a/src/panels/config/integrations/integration-panels/zha/zha-config-dashboard.ts
+++ b/src/panels/config/integrations/integration-panels/zha/zha-config-dashboard.ts
@@ -375,11 +375,6 @@ class ZHAConfigDashboard extends LitElement {
           max-width: 500px;
         }
 
-        .network-settings > div {
-          word-break: break-all;
-          margin-top: 2px;
-        }
-
         .network-settings ha-settings-row {
           padding-left: 0;
           padding-right: 0;
@@ -387,6 +382,13 @@ class ZHAConfigDashboard extends LitElement {
           --paper-item-body-two-line-min-height: 55px;
         }
 
+        .network-settings ha-settings-row span[slot="heading"] {
+          white-space: normal;
+          word-break: break-all;
+          text-indent: -1em;
+          padding-left: 1em;
+        }
+
         .network-settings ha-settings-row ha-icon-button {
           margin-top: -16px;
           margin-bottom: -16px;