diff --git a/web/src/api/buster_rest/metrics/requests.ts b/web/src/api/buster_rest/metrics/requests.ts
index 0070a881e..f06688630 100644
--- a/web/src/api/buster_rest/metrics/requests.ts
+++ b/web/src/api/buster_rest/metrics/requests.ts
@@ -30,7 +30,7 @@ export const listMetrics_server = async (params: ListMetricsParams) => {
 };
 
 export const getMetricData = async ({ id }: { id: string }) => {
-  return mainApi.get<BusterMetricData>(`/metrics/data/${id}`).then((res) => res.data);
+  return mainApi.get<BusterMetricData>(`/metrics/${id}/data`).then((res) => res.data);
 };
 
 export const updateMetric = async (params: UpdateMetricParams) => {
diff --git a/web/src/components/features/sidebars/SidebarPrimary.tsx b/web/src/components/features/sidebars/SidebarPrimary.tsx
index 431d506c6..dcc0afdf6 100644
--- a/web/src/components/features/sidebars/SidebarPrimary.tsx
+++ b/web/src/components/features/sidebars/SidebarPrimary.tsx
@@ -17,6 +17,7 @@ import { useAppLayoutContextSelector } from '@/context/BusterAppLayout';
 import { SupportModal } from '../modal/SupportModal';
 import { InvitePeopleModal } from '../modal/InvitePeopleModal';
 import { useMemoizedFn } from '@/hooks';
+import { SidebarUserFooter } from './SidebarUserFooter/SidebarUserFooter';
 
 const topItems: ISidebarList = {
   items: [
@@ -130,7 +131,12 @@ export const SidebarPrimary = React.memo(() => {
 
   return (
     <>
-      <Sidebar content={sidebarItems} header={<SidebarPrimaryHeader />} activeItem={currentRoute} />
+      <Sidebar
+        content={sidebarItems}
+        header={<SidebarPrimaryHeader />}
+        activeItem={currentRoute}
+        footer={<SidebarUserFooter />}
+      />
 
       <GlobalModals />
     </>