diff --git a/src/app/page.tsx b/src/app/page.tsx
index 19bc76c..1b2f150 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -164,6 +164,8 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactCenter
+      className="py-24"
+      containerClassName="max-w-7xl mx-auto px-6"
       useInvertedBackground={false}
       background={{ variant: "plain" }}
       title="Přijďte nás navštívit"
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index d45b6e6..3e48349 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
-  --card: #f3ede2;
-  --foreground: #2e2521;
-  --primary-cta: #2e2521;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #120006e6;
+  --primary-cta: #e63946;
   --primary-cta-text: #fcf6ec;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f9f9f9;
   --secondary-cta-text: #2e2521;
-  --accent: #b2a28b;
-  --background-accent: #b2a28b;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);