[DevToolsIcons] Update expand icons in Styles and Accessibility

Screenshot: https://imgur.com/a/1qdBuNJ

Bug: 1427397
Change-Id: I89f2130ff55ea16cc549558c53678b730fa518f3
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/4465707
Auto-Submit: Kateryna Prokopenko <[email protected]>
Reviewed-by: Benedikt Meurer <[email protected]>
Commit-Queue: Kateryna Prokopenko <[email protected]>
diff --git a/front_end/panels/network/components/RequestHeadersView.ts b/front_end/panels/network/components/RequestHeadersView.ts
index 4b02c81..13bc192 100644
--- a/front_end/panels/network/components/RequestHeadersView.ts
+++ b/front_end/panels/network/components/RequestHeadersView.ts
@@ -268,15 +268,8 @@
         Common.Settings.Settings.instance().moduleSetting('persistenceNetworkOverridesEnabled');
     // Disabled until https://crbug.com/1079231 is fixed.
     // clang-format off
-    const fileIcon = overridesSetting.get() ? html`
-      <${IconButton.Icon.Icon.litTagName} class="inline-icon purple-dot" .data=${{
-          iconName: 'document',
-          color: 'var(--icon-default)',
-          width: '16px',
-          height: '16px',
-        } as IconButton.Icon.IconData}>
-      </${IconButton.Icon.Icon.litTagName}>` : html`
-      <${IconButton.Icon.Icon.litTagName} class="inline-icon" .data=${{
+    const fileIcon = html`
+      <${IconButton.Icon.Icon.litTagName} class=${overridesSetting.get() ? 'inline-icon dot purple': 'inline-icon'} .data=${{
           iconName: 'document',
           color: 'var(--icon-default)',
           width: '16px',