diff --git a/lighthouse-core/report/html/renderer/report-renderer.js b/lighthouse-core/report/html/renderer/report-renderer.js
index 8b9559fa4814..5a956fe031b2 100644
--- a/lighthouse-core/report/html/renderer/report-renderer.js
+++ b/lighthouse-core/report/html/renderer/report-renderer.js
@@ -125,8 +125,14 @@ class ReportRenderer {
       if (!runtime.description) return;
 
       const item = this._dom.cloneTemplate('#tmpl-lh-env__items', env);
+      const description = this._dom.find('.lh-env__description', item);
       this._dom.find('.lh-env__name', item).textContent = `${runtime.name}:`;
-      this._dom.find('.lh-env__description', item).textContent = runtime.description;
+      description.textContent = runtime.description;
+
+      if (runtime.name === 'URL') {
+        description.classList.add('is-url');
+      }
+
       env.appendChild(item);
     });
 
diff --git a/lighthouse-core/report/html/templates.html b/lighthouse-core/report/html/templates.html
index 2adbb3e488eb..fb5a93f0de43 100644
--- a/lighthouse-core/report/html/templates.html
+++ b/lighthouse-core/report/html/templates.html
@@ -451,6 +451,9 @@
       font-size: var(--caption-font-size);
       padding-left: 5px;
     }
+    span.lh-env__description.is-url {
+      word-break: break-all;
+    }
   </style>
   <footer class="lh-footer">
     <!-- TODO(i18n): localize runtime settings -->