diff --git a/src/data/themes/emerson.json b/src/data/themes/emerson.json
index 6e1c41c1..b294a59b 100644
--- a/src/data/themes/emerson.json
+++ b/src/data/themes/emerson.json
@@ -865,6 +865,50 @@
           "type": "color"
         }
       }
+    },
+    "secondary": {
+      "text": {
+        "base": {
+          "value": "{colors.grey.800}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{colors.grey.800}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.grey.800}",
+          "type": "color"
+        }
+      },
+      "background": {
+        "base": {
+          "value": "{colors.shades.white}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{colors.grey.200}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.grey.300}",
+          "type": "color"
+        }
+      },
+      "border": {
+        "base": {
+          "value": "{colors.grey.800}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{colors.grey.900}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.grey.900}",
+          "type": "color"
+        }
+      }
     }
   },
   "boxShadows": {
@@ -1093,49 +1137,5 @@
         "type": "typography"
       }
     }
-  },
-  "secondary": {
-    "text": {
-      "base": {
-        "value": "{colors.grey.800}",
-        "type": "color"
-      },
-      "hover": {
-        "value": "{colors.grey.800}",
-        "type": "color"
-      },
-      "active": {
-        "value": "{colors.grey.800}",
-        "type": "color"
-      }
-    },
-    "background": {
-      "base": {
-        "value": "{colors.shades.white}",
-        "type": "color"
-      },
-      "hover": {
-        "value": "{colors.grey.200}",
-        "type": "color"
-      },
-      "active": {
-        "value": "{colors.grey.300}",
-        "type": "color"
-      }
-    },
-    "border": {
-      "base": {
-        "value": "{colors.grey.800}",
-        "type": "color"
-      },
-      "hover": {
-        "value": "{colors.grey.900}",
-        "type": "color"
-      },
-      "active": {
-        "value": "{colors.grey.900}",
-        "type": "color"
-      }
-    }
   }
 }
diff --git a/src/data/themes/light.json b/src/data/themes/light.json
index 20f21bfa..87819f40 100644
--- a/src/data/themes/light.json
+++ b/src/data/themes/light.json
@@ -867,6 +867,50 @@
           "type": "color"
         }
       }
+    },
+    "secondary": {
+      "border": {
+        "base": {
+          "value": "{colors.grey.800}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{colors.grey.900}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.grey.900}",
+          "type": "color"
+        }
+      },
+      "background": {
+        "base": {
+          "value": "{colors.shades.white}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{colors.grey.200}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.grey.300}",
+          "type": "color"
+        }
+      },
+      "text": {
+        "base": {
+          "value": "{colors.grey.800}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{colors.grey.800}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.grey.800}",
+          "type": "color"
+        }
+      }
     }
   },
   "boxShadows": {
@@ -1095,49 +1139,5 @@
         "type": "typography"
       }
     }
-  },
-  "secondary": {
-    "border": {
-      "base": {
-        "value": "{colors.grey.800}",
-        "type": "color"
-      },
-      "hover": {
-        "value": "{colors.grey.900}",
-        "type": "color"
-      },
-      "active": {
-        "value": "{colors.grey.900}",
-        "type": "color"
-      }
-    },
-    "background": {
-      "base": {
-        "value": "{colors.shades.white}",
-        "type": "color"
-      },
-      "hover": {
-        "value": "{colors.grey.200}",
-        "type": "color"
-      },
-      "active": {
-        "value": "{colors.grey.300}",
-        "type": "color"
-      }
-    },
-    "text": {
-      "base": {
-        "value": "{colors.grey.800}",
-        "type": "color"
-      },
-      "hover": {
-        "value": "{colors.grey.800}",
-        "type": "color"
-      },
-      "active": {
-        "value": "{colors.grey.800}",
-        "type": "color"
-      }
-    }
   }
 }
diff --git a/src/data/themes/lightDS3.json b/src/data/themes/lightDS3.json
index da8a3a5e..a16075fd 100644
--- a/src/data/themes/lightDS3.json
+++ b/src/data/themes/lightDS3.json
@@ -865,6 +865,50 @@
           "type": "color"
         }
       }
+    },
+    "secondary": {
+      "border": {
+        "base": {
+          "value": "{colors.grey.800}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{colors.grey.900}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.grey.900}",
+          "type": "color"
+        }
+      },
+      "background": {
+        "base": {
+          "value": "{colors.shades.white}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{colors.grey.200}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.grey.300}",
+          "type": "color"
+        }
+      },
+      "text": {
+        "base": {
+          "value": "{colors.grey.800}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{colors.grey.800}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.grey.800}",
+          "type": "color"
+        }
+      }
     }
   },
   "boxShadows": {
@@ -1094,4 +1138,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}