diff --git a/packages/website/src/components/Footer.astro b/packages/website/src/components/Footer.astro
index 8518e0db3..e2efd204e 100644
--- a/packages/website/src/components/Footer.astro
+++ b/packages/website/src/components/Footer.astro
@@ -122,9 +122,9 @@ const strings = getStrings(locale);
 
   <Flex gap="5" display={{ initial: 'flex', sm: 'none' }}>
     <Flex direction="column" justify="between" align="end">
-      <Text size="2" color="gray"> BlitzKit </Text>
-      <Text size="2" color="gray"> WoT Blitz </Text>
-      <Text size="2" color="gray"> CDN </Text>
+      <Text size="2" color="gray">BlitzKit</Text>
+      <Text size="2" color="gray">WoT Blitz</Text>
+      <Text size="2" color="gray">CDN</Text>
     </Flex>
 
     <Flex direction="column" justify="between" align="start">
@@ -141,15 +141,15 @@ const strings = getStrings(locale);
   </Flex>
 
   <Flex gap="2" align="center" display={{ initial: 'none', sm: 'flex' }}>
-    <Text size="2" color="gray"> BlitzKit </Text>
+    <Text size="2" color="gray">BlitzKit</Text>
     <Code size="2" color="gray">
       {packageJson.version}
     </Code>
-    <Text size="2" color="gray"> WoT Blitz </Text>
+    <Text size="2" color="gray">WoT Blitz</Text>
     <Code size="2" color="gray">
       {gameDefinitions.version}
     </Code>
-    <Text size="2" color="gray"> CDN </Text>
+    <Text size="2" color="gray">CDN</Text>
     <Code size="2" color="gray">
       {assertSecret(import.meta.env.PUBLIC_ASSET_BRANCH)}
     </Code>
diff --git a/packages/website/src/pages/[...locale]/index.astro b/packages/website/src/pages/[...locale]/index.astro
index 9693cb960..b1b43a2d4 100644
--- a/packages/website/src/pages/[...locale]/index.astro
+++ b/packages/website/src/pages/[...locale]/index.astro
@@ -5,7 +5,7 @@ import {
   localizedStrings,
   SUPPORTED_LOCALES,
 } from '@blitzkit/core';
-import { Box, Flex, Heading, Link, Text } from '@radix-ui/themes';
+import { Box, Flex, Heading, Link, Separator } from '@radix-ui/themes';
 import type { GetStaticPaths } from 'astro';
 import { AesonPlug } from '../../components/AesonPlug';
 import HomeHero from '../../components/HomeHero.astro';
@@ -41,7 +41,7 @@ export const getStaticPaths = (() => {
 <BaseLayout>
   <HomeHero />
 
-  <Flex justify="center" gap="2" pt="6" pb="4">
+  <Flex justify="center" gap="3" pt="6" pb="4" align="center">
     {
       SUPPORTED_LOCALES.map((thisLocale, index) => {
         const selected =
@@ -51,7 +51,7 @@ export const getStaticPaths = (() => {
 
         return (
           <>
-            {index > 0 && <Text color="gray">|</Text>}
+            {index > 0 && <Separator orientation="vertical" size="1" />}
 
             <Link
               color="gray"