diff --git a/admin/constants/link_tile_colors.ts b/admin/constants/link_tile_colors.ts
index ef03e106..e100db06 100644
--- a/admin/constants/link_tile_colors.ts
+++ b/admin/constants/link_tile_colors.ts
@@ -1,11 +1,11 @@
/**
- * The colours a user can give a dashboard link tile.
+ * The colors a user can give a dashboard link tile.
*
* Drawn from the brand palette rather than arbitrary hex, so a tile always sits
* on-theme next to the managed app cards. The default white-on-green contrast
* read as jarring on the dashboard, which is why this exists.
*
- * Tiles stay visually distinct from managed apps regardless of colour: the
+ * Tiles stay visually distinct from managed apps regardless of color: the
* dashed border and the external-link marker are what carry that, not the hue.
* The tint is deliberately light so the distinction survives every option.
*
diff --git a/admin/inertia/components/LinkTileModal.tsx b/admin/inertia/components/LinkTileModal.tsx
index fcf7b548..bd954a75 100644
--- a/admin/inertia/components/LinkTileModal.tsx
+++ b/admin/inertia/components/LinkTileModal.tsx
@@ -157,7 +157,7 @@ export default function LinkTileModal({
-
Colour
+
Color
{LINK_TILE_COLORS.map((option) => (
diff --git a/admin/inertia/pages/home.tsx b/admin/inertia/pages/home.tsx
index 9a33f910..b22614b1 100644
--- a/admin/inertia/pages/home.tsx
+++ b/admin/inertia/pages/home.tsx
@@ -272,7 +272,7 @@ export default function Home(props: {
const shouldHighlight = isEasySetup && shouldHighlightEasySetup
const isLinkTile = Boolean(item.linkTile)
- // A flat surface colour read as a stark white card next to the filled
+ // A flat surface color read as a stark white card next to the filled
// app tiles. Tint from the brand palette instead, user-chosen.
const tileColor = linkTileColor(item.linkTile?.link_color)
diff --git a/admin/tests/unit/link_tile.spec.ts b/admin/tests/unit/link_tile.spec.ts
index 964ec07b..96810366 100644
--- a/admin/tests/unit/link_tile.spec.ts
+++ b/admin/tests/unit/link_tile.spec.ts
@@ -108,14 +108,14 @@ test('the default icon is part of the offered set', () => {
assert.ok((LINK_TILE_ICONS as readonly string[]).includes(DEFAULT_LINK_TILE_ICON))
})
-test('link tile colours resolve from the brand palette', () => {
+test('link tile colors resolve from the brand palette', () => {
// Unknown, null and empty all fall back rather than rendering an untinted card.
assert.equal(linkTileColor('orange').id, 'orange')
assert.equal(linkTileColor(null).id, DEFAULT_LINK_TILE_COLOR)
assert.equal(linkTileColor('chartreuse').id, DEFAULT_LINK_TILE_COLOR)
})
-test('every link tile colour ships complete, literal Tailwind classes', () => {
+test('every link tile color ships complete, literal Tailwind classes', () => {
// Tailwind scans for literal class strings, so an interpolated name would be
// dropped from the build and the tile would render untinted.
for (const option of LINK_TILE_COLORS) {
@@ -126,6 +126,6 @@ test('every link tile colour ships complete, literal Tailwind classes', () => {
}
})
-test('the default colour is one of the offered options', () => {
+test('the default color is one of the offered options', () => {
assert.ok(LINK_TILE_COLOR_IDS.includes(DEFAULT_LINK_TILE_COLOR))
})