From 9cd16fb086a547f3050445cc8c0acd3d902717a7 Mon Sep 17 00:00:00 2001
From: pd-redis <petar.dzhambazov@redis.com>
Date: Thu, 25 Sep 2025 14:53:22 +0300
Subject: [PATCH] ensure error message remains centered

---
 .../connectivity-error/ConnectivityError.tsx  | 25 ++++++++-----------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/redisinsight/ui/src/components/connectivity-error/ConnectivityError.tsx b/redisinsight/ui/src/components/connectivity-error/ConnectivityError.tsx
index 9df7c59e9d..07fed73df0 100644
--- a/redisinsight/ui/src/components/connectivity-error/ConnectivityError.tsx
+++ b/redisinsight/ui/src/components/connectivity-error/ConnectivityError.tsx
@@ -3,7 +3,6 @@ import SuspenseLoader from 'uiSrc/components/main-router/components/SuspenseLoad
 
 import { Col, FlexItem } from 'uiSrc/components/base/layout/flex'
 import { PrimaryButton } from 'uiSrc/components/base/forms/buttons'
-import { Card } from 'uiSrc/components/base/layout'
 
 export type ConnectivityErrorProps = {
   onRetry?: () => void
@@ -16,20 +15,16 @@ const ConnectivityError = ({
   error,
   onRetry,
 }: ConnectivityErrorProps) => (
-  <Col>
-    <Card>
-      <Col style={{ minHeight: '100vh' }} centered>
-        {isLoading && <SuspenseLoader />}
-        <Col centered gap="xl">
-          <FlexItem data-testid="connectivity-error-message">{error}</FlexItem>
-          {onRetry && (
-            <FlexItem>
-              <PrimaryButton onClick={onRetry}>Retry</PrimaryButton>
-            </FlexItem>
-          )}
-        </Col>
-      </Col>
-    </Card>
+  <Col centered>
+    {isLoading && <SuspenseLoader />}
+    <Col centered gap="xl">
+      <FlexItem data-testid="connectivity-error-message">{error}</FlexItem>
+      {onRetry && (
+        <FlexItem>
+          <PrimaryButton onClick={onRetry}>Retry</PrimaryButton>
+        </FlexItem>
+      )}
+    </Col>
   </Col>
 )