diff --git a/apps/studio-prototype/src/app/[org]/branch-menu.tsx b/apps/studio-prototype/src/app/[org]/branch-menu.tsx
index 27c63ba5716..89d08696aaa 100644
--- a/apps/studio-prototype/src/app/[org]/branch-menu.tsx
+++ b/apps/studio-prototype/src/app/[org]/branch-menu.tsx
@@ -125,7 +125,10 @@ export function BranchMenu() {
           type="outline"
           className={cn(
             'ml-3 rounded-full bg-opacity-50 text-foreground-lighter',
-            hideProjectsDropdown && '-left-[8px] opacity-0'
+            hideProjectsDropdown
+              ? '-left-[8px] opacity-0'
+              : // animate in slow
+                'delay-1000'
           )}
           icon={<Plug className="rotate-90" />}
         >
diff --git a/apps/studio-prototype/src/components/charts/queries-chart.tsx b/apps/studio-prototype/src/components/charts/queries-chart.tsx
index 3b50efff910..1397d99b05e 100644
--- a/apps/studio-prototype/src/components/charts/queries-chart.tsx
+++ b/apps/studio-prototype/src/components/charts/queries-chart.tsx
@@ -46,8 +46,11 @@ const QueriesChart = () => {
   return (
     <div className="flex flex-col gap-2 grow">
       <div className="flex items-baseline gap-2">
-        <h2 className="text-2xl font-mono font-extralight text-foreground">3,402</h2>
-        <span className="text-xs font-mono text-foreground-lighter">Total Queries</span>
+        <div className="h-2 w-4 rounded-full bg-foreground"></div>
+        <div className="flex items-baseline gap-2">
+          <h2 className="text-2xl font-mono font-extralight text-foreground">3,402</h2>
+          <span className="text-xs font-mono text-foreground-lighter">Total queries</span>
+        </div>
       </div>
       <ResponsiveContainer width="100%" height={200}>
         <BarChart
diff --git a/apps/studio-prototype/src/components/charts/read-and-writes-chart.tsx b/apps/studio-prototype/src/components/charts/read-and-writes-chart.tsx
index 0ed415e73ed..7119a2af394 100644
--- a/apps/studio-prototype/src/components/charts/read-and-writes-chart.tsx
+++ b/apps/studio-prototype/src/components/charts/read-and-writes-chart.tsx
@@ -4,11 +4,11 @@ import { Area, AreaChart, CartesianGrid, ResponsiveContainer, Tooltip, XAxis } f
 
 const generateLineChartData = () => {
   let reads = 12400
-  let writes = 1000
+  let writes = 3000
 
   return Array.from({ length: 20 }, (_, i) => {
     reads = reads + (Math.random() - 0.5) * 5000 // Add variation to reads
-    writes = writes + (Math.random() - 0.5) * 100 // Add variation to writes
+    writes = writes + (Math.random() - 0.5) * 1000 // Add variation to writes
 
     return {
       time: `${14 + Math.floor(i / 4)}:${(i % 4) * 15}`,
diff --git a/apps/studio-prototype/src/config/settings.json b/apps/studio-prototype/src/config/settings.json
index 86f7be82703..1f690a7751d 100644
--- a/apps/studio-prototype/src/config/settings.json
+++ b/apps/studio-prototype/src/config/settings.json
@@ -6,7 +6,6 @@
     "items": [
       { "label": "General", "key": "general", "href": "/general" },
       { "label": "Infrastructure", "key": "infrastructure", "href": "/infrastructure" },
-      { "label": "API", "key": "api", "href": "/api" },
       { "label": "Integrations", "key": "integrations", "href": "/integrations" },
       { "label": "Add ons", "key": "add_ons", "href": "/add-ons" },
       { "label": "Branching", "key": "branching", "href": "/branching" }
@@ -17,6 +16,7 @@
       "base_path": "/project"
     },
     "items": [
+      { "label": "API", "key": "api", "href": "/api" },
       { "label": "Database", "key": "database", "href": "/database" },
       {
         "label": "Authentication",
diff --git a/apps/studio-prototype/src/utils/url-resolver.ts b/apps/studio-prototype/src/utils/url-resolver.ts
index 82c6590e7e5..73fd45f9e02 100644
--- a/apps/studio-prototype/src/utils/url-resolver.ts
+++ b/apps/studio-prototype/src/utils/url-resolver.ts
@@ -8,7 +8,6 @@ export function resolveHideBranchesDropdown(
       !pathName.startsWith(`/${organizationKey}/settings/project`)) ||
     pathName.startsWith(`/${organizationKey}/settings/project/${projectKey}/general`) ||
     pathName.startsWith(`/${organizationKey}/settings/project/${projectKey}/infrastructure`) ||
-    pathName.startsWith(`/${organizationKey}/settings/project/${projectKey}/api`) ||
     pathName.startsWith(`/${organizationKey}/settings/project/${projectKey}/integrations`) ||
     pathName.startsWith(`/${organizationKey}/settings/project/${projectKey}/add-ons`) ||
     pathName.startsWith(`/${organizationKey}/settings/project/${projectKey}/branching`) ||