From 812eb5f4559bb53086196fe975aaba511d779b22 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Wed, 22 Oct 2025 14:29:08 +0200
Subject: [PATCH] fix: center CircleBackground component using absolute
 positioning instead of flex

---
 src/components/About.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/About.tsx b/src/components/About.tsx
index 58d98fe..020c611 100644
--- a/src/components/About.tsx
+++ b/src/components/About.tsx
@@ -12,9 +12,9 @@ export function About() {
     >
       <div className="relative -mt-[100vh]">
         <Container>
-                    <div className="flex h-screen items-center justify-center">
-            <CircleBackground color="#06b6d4" className="animate-spin-slower" />
-          </div>
+                     <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
+        <CircleBackground color="#06b6d4" className="animate-spin-slower" />
+      </div>
           <div className="mx-auto max-w-3xl text-center">
             <Eyebrow color="accent">Our Mission</Eyebrow>
             <SectionHeader color="white" className="mt-2">