diff --git a/front_end/panels/network/components/HeaderSectionRow.css b/front_end/panels/network/components/HeaderSectionRow.css
index 3049fc4711..2c567c71d8 100644
--- a/front_end/panels/network/components/HeaderSectionRow.css
+++ b/front_end/panels/network/components/HeaderSectionRow.css
@@ -100,6 +100,10 @@
   vertical-align: middle;
 }
 
+.row-flex-icon {
+  margin: 4px 5px 0;
+}
+
 .header-value code {
   display: block;
   white-space: pre-wrap;
diff --git a/front_end/panels/network/components/HeaderSectionRow.ts b/front_end/panels/network/components/HeaderSectionRow.ts
index 71601d9c76..9aa15f6b1e 100644
--- a/front_end/panels/network/components/HeaderSectionRow.ts
+++ b/front_end/panels/network/components/HeaderSectionRow.ts
@@ -242,7 +242,7 @@ export class HeaderSectionRow extends HTMLElement {
       // Disabled until https://crbug.com/1079231 is fixed.
       // clang-format off
       return html`
-        <${IconButton.Icon.Icon.litTagName} class="inline-icon" title=${titleText} .data=${{
+        <${IconButton.Icon.Icon.litTagName} class="row-flex-icon" title=${titleText} .data=${{
             iconName: 'clear-warning_icon',
             width: '12px',
             height: '12px',