diff --git a/src/app/checkout/page.tsx b/src/app/checkout/page.tsx
index f367862..5124001 100644
--- a/src/app/checkout/page.tsx
+++ b/src/app/checkout/page.tsx
@@ -5,7 +5,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
 
 export default function CheckoutPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "Cart", id: "/cart" }]} brandName="E-Shop" />
       <div className="container mx-auto py-20 px-6">
         <h1 className="text-4xl font-bold mb-8">Checkout</h1>