diff --git a/packages/core/src/config.ts b/packages/core/src/config.ts
index f7e25923e8..0c42a3166d 100644
--- a/packages/core/src/config.ts
+++ b/packages/core/src/config.ts
@@ -12,7 +12,7 @@ export function resolveShortcuts(shortcuts: UserShortcuts): Shortcut[] {
 
 const defaultLayers = {
   preflights: -100,
-  shortcuts: -1,
+  shortcuts: -10,
   default: 0,
 }
 
diff --git a/packages/preset-icons/src/index.ts b/packages/preset-icons/src/index.ts
index 3e6dee8be3..178364f25c 100644
--- a/packages/preset-icons/src/index.ts
+++ b/packages/preset-icons/src/index.ts
@@ -74,9 +74,7 @@ export const preset = (options: IconsOptions = {}): Preset => {
     name: '@unocss/preset-icons',
     enforce: 'pre',
     options,
-    layers: {
-      icons: -10,
-    },
+    layers: { icons: -30 },
     rules: [[
       new RegExp(`^${prefix}([a-z0-9:-]+)(?:\\?(mask|bg|auto))?$`),
       async ([full, body, _mode = mode]) => {
diff --git a/packages/preset-typography/src/index.ts b/packages/preset-typography/src/index.ts
index d0bd50a0c6..a518d7e144 100644
--- a/packages/preset-typography/src/index.ts
+++ b/packages/preset-typography/src/index.ts
@@ -65,7 +65,7 @@ export function presetTypography(options?: TypographyOptions): Preset {
   return {
     name: '@unocss/preset-typography',
     enforce: 'post',
-    layers: { typography: -1 },
+    layers: { typography: -20 },
     rules: [
       [
         selectorNameRE,
diff --git a/packages/preset-web-fonts/src/index.ts b/packages/preset-web-fonts/src/index.ts
index e98ed7302e..8d824e94e7 100644
--- a/packages/preset-web-fonts/src/index.ts
+++ b/packages/preset-web-fonts/src/index.ts
@@ -66,9 +66,7 @@ const preset = (options: WebFontsOptions = {}): Preset<any> => {
 
   const preset: Preset<any> = {
     name: '@unocss/preset-web-fonts',
-    layers: {
-      [layerName]: -20,
-    },
+    layers: { [layerName]: -40 },
     preflights: [
       {
         async getCSS() {