diff --git a/apps/docs/content/guides/realtime.mdx b/apps/docs/content/guides/realtime.mdx
index 4321d5e40c3c6..831f40e724add 100644
--- a/apps/docs/content/guides/realtime.mdx
+++ b/apps/docs/content/guides/realtime.mdx
@@ -18,16 +18,32 @@ Supabase provides a globally distributed [Realtime](https://github.com/supabase/
   {[
     {
       name: 'Multiplayer.dev',
-      description: 'Mouse movements and chat messages.',
+      description: 'Showcase application displaying cursor movements and chat messages using Broadcast.',
       href: 'https://multiplayer.dev',
     },
-  ].map((x) => (
-    <div className="col-span-12" key={x.href}>
-      <Link href={x.href} passHref>
-        <GlassPanel title={x.name}>{x.description}</GlassPanel>
-      </Link>
-    </div>
-  ))}
+    {
+      name: 'Chat',
+      description: 'Supabase UI chat component using Broadcast to send message between users.',
+      href: 'https://supabase.com/ui/docs/nextjs/realtime-chat'
+    },
+    {
+      name: 'Avatar Stack',
+      description: 'Supabase UI avatar stack component using Presence to track connected users.',
+      href: 'https://supabase.com/ui/docs/nextjs/realtime-avatar-stack'
+    },
+    {
+      name: 'Realtime Cursor',
+      description: "Supabase UI realtime cursor component using Broadcast to share users' cursors to build collaborative applications.",
+      href: 'https://supabase.com/ui/docs/nextjs/realtime-cursor'
+    }
+].map((x) => (
+  <div className="col-span-6" key={x.href}>
+    <Link href={x.href} target="_blank" passHref>
+      <GlassPanel title={x.name}>{x.description}</GlassPanel>
+    </Link>
+  </div>
+))}
+
 </div>
 
 ## Resources
diff --git a/apps/studio/components/interfaces/Settings/Infrastructure/InfrastructureConfiguration/InstanceNode.tsx b/apps/studio/components/interfaces/Settings/Infrastructure/InfrastructureConfiguration/InstanceNode.tsx
index f6bf60e391e4a..7ad2f1fb2113e 100644
--- a/apps/studio/components/interfaces/Settings/Infrastructure/InfrastructureConfiguration/InstanceNode.tsx
+++ b/apps/studio/components/interfaces/Settings/Infrastructure/InfrastructureConfiguration/InstanceNode.tsx
@@ -407,7 +407,7 @@ export const RegionNode = ({ data }: any) => {
         <img
           alt="region icon"
           className="w-5 rounded-sm"
-          src={`${BASE_PATH}/img/regions/${region.key}.svg`}
+          src={`${BASE_PATH}/img/regions/${region.region}.svg`}
         />
         <p className="text-sm">{region.name}</p>
       </div>