diff --git a/src/app/components/invite-user-prompt/InviteUserPrompt.tsx b/src/app/components/invite-user-prompt/InviteUserPrompt.tsx
index 7153a7205..113222a5c 100644
--- a/src/app/components/invite-user-prompt/InviteUserPrompt.tsx
+++ b/src/app/components/invite-user-prompt/InviteUserPrompt.tsx
@@ -207,17 +207,17 @@ export function InviteUserPrompt({ room, requestClose }: InviteUserProps) {
                   >
                     <Text size="B300">{linkCopied ? 'Copied!' : 'Copy Link'}</Text>
                   </Button>
-                  <IconButton
+                  <Button
                     size="300"
                     radii="300"
-                    variant={showQr ? 'Primary' : 'Surface'}
+                    variant={showQr ? 'Primary' : 'Secondary'}
                     fill={showQr ? 'Soft' : 'None'}
-                    aria-label="Show QR code"
+                    aria-label="Toggle QR code"
                     aria-pressed={showQr}
                     onClick={() => setShowQr((v) => !v)}
                   >
-                    <Icon src={Icons.BlockCode} size="100" />
-                  </IconButton>
+                    <Text size="B300">QR Code</Text>
+                  </Button>
                   <IconButton size="300" radii="300" onClick={requestClose} aria-label="Close">
                     <Icon src={Icons.Cross} />
                   </IconButton>
@@ -230,7 +230,7 @@ export function InviteUserPrompt({ room, requestClose }: InviteUserProps) {
                   gap="200"
                   style={{
                     padding: config.space.S300,
-                    borderBottom: `1px solid var(--bg-surface-border)`,
+                    borderBottom: `1px solid ${color.Surface.ContainerLine}`,
                   }}
                 >
                   <img