diff --git a/README.md b/README.md
index 2b753d10..1c26c5d9 100644
--- a/README.md
+++ b/README.md
@@ -132,8 +132,7 @@ The settings are described in more detailed in the Sequence Kit documentation.
     defaultTheme: 'light',
     position: 'top-left',
     signIn: {
-      logoUrlDarkMode: 'https://logo-dark-mode.svg',
-      logoUrlLightMode: 'https://logo-light-mode.svg',
+      logoUrl: 'https://logo-dark-mode.svg',
       projectName: 'my app',
       showEmailInput: true,
       miniAuthOptions: ['google', 'facebook', 'twitch', 'apple'],
diff --git a/examples/react/src/App.tsx b/examples/react/src/App.tsx
index cb19b0d8..512f4ba2 100644
--- a/examples/react/src/App.tsx
+++ b/examples/react/src/App.tsx
@@ -34,8 +34,7 @@ function App() {
     defaultTheme: THEMES.dark,
     signIn: {
       projectName: 'Skyweaver',
-      // logoUrlDarkMode: 'sw-logo-white.svg',
-      // logoUrlLightMode: 'sw-logo-black.svg',
+      // logoUrl: 'sw-logo-white.svg',
     },
     displayedAssets: [
       // Matic token
diff --git a/packages/kit/README.md b/packages/kit/README.md
index 5ccebb1a..321de169 100644
--- a/packages/kit/README.md
+++ b/packages/kit/README.md
@@ -133,8 +133,7 @@ The settings are described in more detailed in the Sequence Kit documentation.
     defaultTheme: 'light',
     position: 'top-left',
     signIn: {
-      logoUrlDarkMode: 'https://logo-dark-mode.svg',
-      logoUrlLightMode: 'https://logo-light-mode.svg',
+      logoUrl: 'https://logo-dark-mode.svg',
       projectName: 'my app',
       showEmailInput: true,
       miniAuthOptions: ['google', 'facebook', 'twitch', 'apple'],
diff --git a/packages/kit/src/components/KitProvider/ConnectWalletContent/Banner.tsx b/packages/kit/src/components/KitProvider/ConnectWalletContent/Banner.tsx
index 4459ede4..93104035 100644
--- a/packages/kit/src/components/KitProvider/ConnectWalletContent/Banner.tsx
+++ b/packages/kit/src/components/KitProvider/ConnectWalletContent/Banner.tsx
@@ -12,19 +12,14 @@ export const Banner = ({
   config = {}
 }: BannerProps) => {
   const { signIn = {} } = config
-  const { logoUrlDarkMode, logoUrlLightMode } = signIn 
+  const { logoUrl } = signIn 
   const { theme } = useTheme()
 
   return (
     <>
-      {theme === 'dark' && logoUrlDarkMode && (
+      {logoUrl && (
         <Box marginTop="5" justifyContent="center" alignItems="center">
-          <Image src={logoUrlDarkMode} style={{ height: '110px' }} />
-        </Box>
-      )}
-      {theme === 'light' && logoUrlLightMode && (
-        <Box marginTop="5" justifyContent="center" alignItems="center">
-          <Image src={logoUrlLightMode} style={{ height: '110px' }} />
+          <Image src={logoUrl} style={{ height: '110px' }} />
         </Box>
       )}
     </>
diff --git a/packages/kit/src/components/KitProvider/index.tsx b/packages/kit/src/components/KitProvider/index.tsx
index 12fc40c4..47edbf15 100644
--- a/packages/kit/src/components/KitProvider/index.tsx
+++ b/packages/kit/src/components/KitProvider/index.tsx
@@ -44,8 +44,7 @@ export interface KitConfig {
   defaultTheme?: Theme,
   position?: ModalPosition,
   signIn?: {
-    logoUrlDarkMode?: string,
-    logoUrlLightMode?: string,
+    logoUrl?: string,
     projectName?: string,
     showEmailInput?: boolean,
     miniAuthOptions?: string[]