diff --git a/styles/src/primer-dark.scss b/styles/src/primer-dark.scss
index c1204bf..1726924 100755
--- a/styles/src/primer-dark.scss
+++ b/styles/src/primer-dark.scss
@@ -48,6 +48,8 @@
   $color-delta-active: 20%
 );
 
+@use "general";
+
 @forward "components/titled-pane" as titled-pane-* with (
   $elevation-color: -color-bg-inset
 );
@@ -57,5 +59,4 @@
   $color-fg: -color-fg-default
 );
 
-@use "general";
 @use "components";
diff --git a/styles/src/primer-light.scss b/styles/src/primer-light.scss
index 2fecc3b..d1159dc 100755
--- a/styles/src/primer-light.scss
+++ b/styles/src/primer-light.scss
@@ -15,11 +15,14 @@
 // @forward "settings/config" with (
 //   ...
 // );
-//
+
+// This should precede components customization, as it guarantees
+// that .root styles will precede components styles.
+@use "general";
+
 // Individual component property customization.
 // @forward "components/split-pane" with (
 //   ...
 // );
 
-@use "general";
 @use "components";
\ No newline at end of file