diff --git a/dev/test-studio/components/Branding.tsx b/dev/test-studio/components/Branding.tsx
index 624a6d4ca6a..8ab3d34da16 100644
--- a/dev/test-studio/components/Branding.tsx
+++ b/dev/test-studio/components/Branding.tsx
@@ -1,6 +1,10 @@
-import {Text} from '@sanity/ui'
+import {Box, Text} from '@sanity/ui'
 import React from 'react'
 
 export function Branding() {
-  return <Text weight="bold">Test Studio&trade;</Text>
+  return (
+    <Box padding={3}>
+      <Text weight="bold">Test Studio&trade;</Text>
+    </Box>
+  )
 }