diff --git a/devtools/projects/ng-devtools/src/styles/BUILD.bazel b/devtools/projects/ng-devtools/src/styles/BUILD.bazel
index c666555b6d1..bdb19ced407 100644
--- a/devtools/projects/ng-devtools/src/styles/BUILD.bazel
+++ b/devtools/projects/ng-devtools/src/styles/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//devtools/tools:defaults.bzl", "npm_sass_library", "sass_library")
+load("//devtools/tools:defaults.bzl", "npm_sass_library", "sass_binary", "sass_library")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -76,3 +76,13 @@ sass_library(
         ":typography",
     ],
 )
+
+sass_binary(
+    name = "firefox",
+    src = "firefox.scss",
+)
+
+sass_binary(
+    name = "chrome",
+    src = "chrome.scss",
+)
diff --git a/devtools/projects/ng-devtools/src/styles/chrome.scss b/devtools/projects/ng-devtools/src/styles/chrome.scss
new file mode 100644
index 00000000000..8b1524d5c5b
--- /dev/null
+++ b/devtools/projects/ng-devtools/src/styles/chrome.scss
@@ -0,0 +1 @@
+/* Chrome-specific global styles */
diff --git a/devtools/projects/ng-devtools/src/styles/firefox.scss b/devtools/projects/ng-devtools/src/styles/firefox.scss
new file mode 100644
index 00000000000..a338892ff93
--- /dev/null
+++ b/devtools/projects/ng-devtools/src/styles/firefox.scss
@@ -0,0 +1 @@
+/* Firefox-specific global styles */
diff --git a/devtools/projects/shell-browser/src/BUILD.bazel b/devtools/projects/shell-browser/src/BUILD.bazel
index a758cb22870..097f32e35a7 100644
--- a/devtools/projects/shell-browser/src/BUILD.bazel
+++ b/devtools/projects/shell-browser/src/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//devtools/tools:defaults.bzl", "esbuild", "extension_package", "ng_project", "sass_binary", "string_flag", "ts_project")
+load("//devtools/tools:defaults.bzl", "copy_to_directory", "esbuild", "extension_package", "ng_project", "sass_binary", "string_flag", "ts_project")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -10,6 +10,18 @@ sass_binary(
     deps = ["//devtools/projects/ng-devtools/src/styles:global"],
 )
 
+copy_to_directory(
+    name = "browser_specific_styles",
+    srcs = [
+        "//devtools/projects/ng-devtools/src/styles:chrome",
+        "//devtools/projects/ng-devtools/src/styles:firefox",
+    ],
+    out = "styles",
+    replace_prefixes = {
+        "devtools/projects/ng-devtools/src/styles": "",
+    },
+)
+
 ts_project(
     name = "devtools",
     srcs = [
@@ -74,6 +86,7 @@ exports_files(["index.html"])
 filegroup(
     name = "prod_app_static_files",
     srcs = [
+        ":browser_specific_styles",
         ":index.html",
         ":shell_common_styles",
     ],
diff --git a/devtools/src/BUILD.bazel b/devtools/src/BUILD.bazel
index f0ea1e1ebab..37ece96ef3f 100644
--- a/devtools/src/BUILD.bazel
+++ b/devtools/src/BUILD.bazel
@@ -1,4 +1,4 @@
-load("//devtools/tools:defaults.bzl", "esbuild", "http_server", "ng_project", "sass_binary")
+load("//devtools/tools:defaults.bzl", "copy_to_directory", "esbuild", "http_server", "ng_project", "sass_binary")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -9,6 +9,18 @@ sass_binary(
     deps = ["//devtools/projects/ng-devtools/src/styles:global"],
 )
 
+copy_to_directory(
+    name = "browser_specific_styles",
+    srcs = [
+        "//devtools/projects/ng-devtools/src/styles:chrome",
+        "//devtools/projects/ng-devtools/src/styles:firefox",
+    ],
+    out = "styles",
+    replace_prefixes = {
+        "devtools/projects/ng-devtools/src/styles": "",
+    },
+)
+
 ng_project(
     name = "demo",
     srcs = ["main.ts"],
@@ -43,6 +55,7 @@ exports_files(["index.html"])
 filegroup(
     name = "dev_app_static_files",
     srcs = [
+        ":browser_specific_styles",
         ":demo_styles",
         ":index.html",
         "//devtools/src/assets",