From 975401e18fc299630b04652597ec1ac6763fe4fe Mon Sep 17 00:00:00 2001
From: nitin <142569587+ehconitin@users.noreply.github.com>
Date: Thu, 15 Jan 2026 18:34:12 +0530
Subject: [PATCH] fix widget skeleton loader not being centered (#17157)

---
 .mcp.json                                     |  8 ++----
 .../graph/components/ChartSkeletonLoader.tsx  | 28 ++++++++++++++-----
 2 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/.mcp.json b/.mcp.json
index 5fb6f5e385..dfb97841f3 100644
--- a/.mcp.json
+++ b/.mcp.json
@@ -2,11 +2,9 @@
   "mcpServers": {
     "postgres": {
       "type": "stdio",
-      "command": "uv",
-      "args": ["run", "postgres-mcp", "--access-mode=unrestricted"],
-      "env": {
-        "DATABASE_URI": "${PG_DATABASE_URL}"
-      }
+      "command": "npx",
+      "args": ["-y", "@modelcontextprotocol/server-postgres", "${PG_DATABASE_URL}"],
+      "env": {}
     },
     "playwright": {
       "type": "stdio",
diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/ChartSkeletonLoader.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/ChartSkeletonLoader.tsx
index 034df965f0..db17a11b85 100644
--- a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/ChartSkeletonLoader.tsx
+++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/ChartSkeletonLoader.tsx
@@ -1,17 +1,31 @@
 import { SKELETON_LOADER_HEIGHT_SIZES } from '@/activities/components/SkeletonLoader';
 import { useTheme } from '@emotion/react';
+import styled from '@emotion/styled';
 import Skeleton, { SkeletonTheme } from 'react-loading-skeleton';
 
+const StyledContainer = styled.div`
+  align-items: center;
+  display: flex;
+  height: 100%;
+  justify-content: center;
+  width: 100%;
+`;
+
 export const ChartSkeletonLoader = () => {
   const theme = useTheme();
 
   return (
-    <SkeletonTheme
-      baseColor={theme.background.tertiary}
-      highlightColor={theme.background.transparent.lighter}
-      borderRadius={4}
-    >
-      <Skeleton width={120} height={SKELETON_LOADER_HEIGHT_SIZES.standard.m} />
-    </SkeletonTheme>
+    <StyledContainer>
+      <SkeletonTheme
+        baseColor={theme.background.tertiary}
+        highlightColor={theme.background.transparent.lighter}
+        borderRadius={4}
+      >
+        <Skeleton
+          width={120}
+          height={SKELETON_LOADER_HEIGHT_SIZES.standard.m}
+        />
+      </SkeletonTheme>
+    </StyledContainer>
   );
 };