diff --git a/public/icons/navbar/nav-icon-dotnet.svg b/public/icons/navbar/nav-icon-dotnet.svg
index a906f58e..62b7d49a 100644
--- a/public/icons/navbar/nav-icon-dotnet.svg
+++ b/public/icons/navbar/nav-icon-dotnet.svg
@@ -1,4 +1,11 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="24" height="24" rx="4" fill="#482EC4"/>
-<path d="M4.16193 15.0625C3.98958 15.0625 3.84186 15.0019 3.71875 14.8807C3.59564 14.7595 3.53504 14.6117 3.53693 14.4375C3.53504 14.267 3.59564 14.1212 3.71875 14C3.84186 13.8788 3.98958 13.8182 4.16193 13.8182C4.3286 13.8182 4.47348 13.8788 4.59659 14C4.72159 14.1212 4.78504 14.267 4.78693 14.4375C4.78504 14.553 4.75473 14.6581 4.69602 14.7528C4.6392 14.8475 4.56345 14.9233 4.46875 14.9801C4.37595 15.035 4.27367 15.0625 4.16193 15.0625ZM10.5154 9.18182V15H9.57793L6.83645 11.0369H6.78815V15H5.73418V9.18182H6.67736L9.41599 13.1477H9.46713V9.18182H10.5154ZM11.5039 15V9.18182H15.288V10.0653H12.5578V11.6449H15.0919V12.5284H12.5578V14.1165H15.3107V15H11.5039ZM15.9476 10.0653V9.18182H20.5896V10.0653H18.7913V15H17.7459V10.0653H15.9476Z" fill="white"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_449_39)">
+<path d="M16.6667 0H3.33333C1.49238 0 0 1.49238 0 3.33333V16.6667C0 18.5076 1.49238 20 3.33333 20H16.6667C18.5076 20 20 18.5076 20 16.6667V3.33333C20 1.49238 18.5076 0 16.6667 0Z" fill="#482EC4"/>
+<path d="M3.46813 12.5519C3.32451 12.5519 3.20141 12.5014 3.09882 12.4004C2.99623 12.2994 2.94573 12.1763 2.9473 12.0311C2.94573 11.889 2.99623 11.7675 3.09882 11.6665C3.20141 11.5655 3.32451 11.515 3.46813 11.515C3.60703 11.515 3.72776 11.5655 3.83035 11.6665C3.93452 11.7675 3.98739 11.889 3.98897 12.0311C3.98739 12.1274 3.96213 12.2149 3.91321 12.2939C3.86586 12.3728 3.80273 12.4359 3.72382 12.4833C3.64648 12.529 3.56125 12.5519 3.46813 12.5519ZM8.76269 7.65137V12.4999H7.98147L5.6969 9.19727H5.65665V12.4999H4.77834V7.65137H5.56433L7.84652 10.9563H7.88913V7.65137H8.76269ZM9.58644 12.4999V7.65137H12.7399V8.3876H10.4647V9.70393H12.5764V10.4402H10.4647V11.7636H12.7588V12.4999H9.58644ZM13.2895 8.3876V7.65137H17.1579V8.3876H15.6593V12.4999H14.7881V8.3876H13.2895Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_449_39">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
 </svg>
diff --git a/src/app/account/api-keys/use/page.mdx b/src/app/account/api-keys/use/page.mdx
index f3831d8e..ed75ef66 100644
--- a/src/app/account/api-keys/use/page.mdx
+++ b/src/app/account/api-keys/use/page.mdx
@@ -3,8 +3,7 @@ import { createMetadata } from "@doc";
 
 export const metadata = createMetadata({
 	title: "Using thirdweb API Key",
-	description:
-		"How to use thirdweb API key in TypeScript, React, and Unity.",
+	description: "How to use thirdweb API key in TypeScript, React, and Unity.",
 	image: {
 		title: "Using thirdweb API Key",
 		icon: "thirdweb",
@@ -16,17 +15,17 @@ export const metadata = createMetadata({
 <Tabs defaultValue="typescript">
 
 <TabsList>
-	<TabsTrigger value="typescript">TypeScript</TabsTrigger>
-	<TabsTrigger value="react">React</TabsTrigger>
+	<TabsTrigger value="typescript">TypeScript & React</TabsTrigger>
 	<TabsTrigger value="unity">Unity</TabsTrigger>
 </TabsList>
 
 <TabsContent value='typescript'>
-When writing backends or scripts, you can use the secret key to instantiate the SDK:
+When working with backend environments (including React Server Components), you can use the secret key to instantiate the thirdweb Client:
 
 ```ts
-// Read-only mode
-const readOnlySdk = new ThirdwebSDK("goerli", {
+import { createThirdwebClient } from "thirdweb";
+
+const client = createThirdwebClient({
 	secretKey: "YOUR_SECRET_KEY", // Use secret key if using on the server, get it from dashboard settings
 });
 ```
@@ -34,30 +33,14 @@ const readOnlySdk = new ThirdwebSDK("goerli", {
 When using the Typescript SDK for frontend applications, use the client id:
 
 ```ts
-import { ThirdwebSDK } from "@thirdweb-dev/sdk";
-// Read-only mode
-const readOnlySdk = new ThirdwebSDK("goerli", {
-	clientId: "YOUR_CLIENT_ID", // Use client id if using on the client side, get it from dashboard settings
+import { createThirdwebClient } from "thirdweb";
+
+const client = createThirdwebClient({
+	clientKey: "YOUR_CLIENT_ID", // Use client id if using on the client side, get it from dashboard settings
 });
 ```
 
-</TabsContent>
-
-<TabsContent value="react">
-
-When using the React SDK, you can use the client id to instantiate the SDK:
-
-```jsx
-import { ThirdwebProvider } from "@thirdweb-dev/react";
-
-function MyApp() {
-	return (
-		<ThirdwebProvider activeChain="ethereum" clientId="your-client-id">
-			<YourApp />
-		</ThirdwebProvider>
-	);
-}
-```
+The `client` can be utilized to initiate [contracts](/typescript/v5/contract) or used in some React components such as [ConnectButton](/references/typescript/v5/ConnectButton).
 
 </TabsContent>
 
diff --git a/src/components/Document/PageFooter.tsx b/src/components/Document/PageFooter.tsx
index f1b084e8..4f4b6480 100644
--- a/src/components/Document/PageFooter.tsx
+++ b/src/components/Document/PageFooter.tsx
@@ -59,7 +59,7 @@ function FooterLinkItem(props: {
 	icon: LucideIcon;
 }) {
 	return (
-		<li className="flex items-center gap-3 text-f-300">
+		<li className="flex items-center gap-2 text-f-300">
 			<div className="flex items-center gap-2 font-medium">
 				<props.icon className="size-5" />
 				<span>{props.prefix}</span>