diff --git a/apps/documentation/src/components/navbar/actions.tsx b/apps/documentation/src/components/navbar/actions.tsx
index ef52d0a8..4e76bc20 100644
--- a/apps/documentation/src/components/navbar/actions.tsx
+++ b/apps/documentation/src/components/navbar/actions.tsx
@@ -6,16 +6,16 @@ import { Link } from 'tuono'
 export default function Actions(): JSX.Element {
   return (
     <Flex gap={8}>
-      <Button
-        href="/documentation"
-        component={Link}
-        size="compact-lg"
-        rightSection={<IconBook />}
-        autoContrast
-      >
-        Get started
-      </Button>
       <Group gap={8} visibleFrom="sm">
+        <Button
+          href="/documentation"
+          component={Link}
+          size="compact-lg"
+          rightSection={<IconBook />}
+          autoContrast
+        >
+          Get started
+        </Button>
         <ActionIcon
           variant="default"
           size="lg"
@@ -36,9 +36,8 @@ export default function Actions(): JSX.Element {
         >
           <IconBrandX />
         </ActionIcon>
-
-        <ThemeBtn />
       </Group>
+      <ThemeBtn />
     </Flex>
   )
 }
diff --git a/apps/documentation/src/routes/__root.tsx b/apps/documentation/src/routes/__root.tsx
index 619240c2..9d53fedb 100644
--- a/apps/documentation/src/routes/__root.tsx
+++ b/apps/documentation/src/routes/__root.tsx
@@ -22,6 +22,13 @@ const theme = createTheme({
   primaryShade: { light: 6, dark: 9 },
   fontFamily: 'Roboto',
   respectReducedMotion: true,
+  radius: {
+    xs: '8px',
+    lg: '8px',
+    xl: '8px',
+    md: '8px',
+    sm: '8px',
+  },
   fontSizes: {
     // 'xs' | 'sm' | 'md' | 'lg' | 'xl'
     xs: '16px',