From a4279a552e5160b663109b9ef7e3862131f3e767 Mon Sep 17 00:00:00 2001
From: JunichiSugiura <jun.sugiura.jp@gmail.com>
Date: Fri, 31 May 2024 18:53:17 +0200
Subject: [PATCH] Add cartridge full logo to footer

---
 packages/keychain/src/components/Container/index.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/keychain/src/components/Container/index.tsx b/packages/keychain/src/components/Container/index.tsx
index 159256f1d..d16d410e7 100644
--- a/packages/keychain/src/components/Container/index.tsx
+++ b/packages/keychain/src/components/Container/index.tsx
@@ -11,7 +11,7 @@ import { motion } from "framer-motion";
 import { ReactNode } from "react";
 import { Header, HeaderProps } from "./Header";
 import { constants } from "starknet";
-import { CartridgeIcon } from "@cartridge/ui";
+import { CartridgeLogo } from "@cartridge/ui";
 
 export function Container({
   children,
@@ -50,14 +50,16 @@ export function Container({
         color="text.secondary"
         alignItems="center"
         justify="center"
-        minH={FOOTER_HEIGHT / 4}
+        h={FOOTER_HEIGHT / 4}
         bottom={0}
         position={["fixed", "fixed", "absolute"]}
+        gap={1}
       >
-        <CartridgeIcon fontSize="sm" />
         <Text fontSize="xs" color="currentColor">
-          Controller by Cartridge
+          Controller by
         </Text>
+
+        <CartridgeLogo fontSize={100} color="text.secondary" />
       </HStack>
     </Wrapper >
   );