diff --git a/packages/connect/src/components/Connect/Connect.tsx b/packages/connect/src/components/Connect/Connect.tsx
index 4a11181a5..7ae9f815d 100644
--- a/packages/connect/src/components/Connect/Connect.tsx
+++ b/packages/connect/src/components/Connect/Connect.tsx
@@ -50,7 +50,7 @@ import {
XWaasConnectButton
} from '../ConnectButton/index.js'
import type { SequenceConnectProviderProps } from '../SequenceConnectProvider/index.js'
-import { PoweredBySequence } from '../SequenceLogo/index.js'
+import { PoweredByPolygon } from '../PolygonBrand/index.js'
import { Banner } from './Banner.js'
import { ConnectedWallets } from './ConnectedWallets.js'
@@ -901,7 +901,7 @@ export const Connect = (props: ConnectProps) => {
)
@@ -1120,7 +1120,7 @@ export const Connect = (props: ConnectProps) => {
)}
>
)}
diff --git a/packages/connect/src/components/PolygonBrand/PolygonLogo.tsx b/packages/connect/src/components/PolygonBrand/PolygonLogo.tsx
new file mode 100644
index 000000000..c8b13a015
--- /dev/null
+++ b/packages/connect/src/components/PolygonBrand/PolygonLogo.tsx
@@ -0,0 +1,14 @@
+export const PolygonLogo = () => {
+ return (
+
+ )
+}
diff --git a/packages/connect/src/components/PolygonBrand/PoweredByPolygon.tsx b/packages/connect/src/components/PolygonBrand/PoweredByPolygon.tsx
new file mode 100644
index 000000000..d9635c91c
--- /dev/null
+++ b/packages/connect/src/components/PolygonBrand/PoweredByPolygon.tsx
@@ -0,0 +1,23 @@
+import { Text } from '@0xsequence/design-system'
+
+import { PolygonLogo } from './PolygonLogo.js'
+
+export const PoweredByPolygon = () => {
+ return (
+ {
+ if (typeof window !== 'undefined') {
+ window.open('https://polygon.technology')
+ }
+ }}
+ >
+
+ Powered by
+
+
+
+ )
+}
diff --git a/packages/connect/src/components/PolygonBrand/index.ts b/packages/connect/src/components/PolygonBrand/index.ts
new file mode 100644
index 000000000..77a90d5f5
--- /dev/null
+++ b/packages/connect/src/components/PolygonBrand/index.ts
@@ -0,0 +1,2 @@
+export { PoweredByPolygon } from './PoweredByPolygon.js'
+export { PolygonLogo } from './PolygonLogo.js'
diff --git a/packages/connect/src/components/SequenceConnectInlineProvider/SequenceConnectInlineProvider.tsx b/packages/connect/src/components/SequenceConnectInlineProvider/SequenceConnectInlineProvider.tsx
index d1b0eaf83..fa4f70a03 100644
--- a/packages/connect/src/components/SequenceConnectInlineProvider/SequenceConnectInlineProvider.tsx
+++ b/packages/connect/src/components/SequenceConnectInlineProvider/SequenceConnectInlineProvider.tsx
@@ -38,7 +38,7 @@ import { EpicAuthProvider } from '../EpicAuthProvider/index.js'
import { JsonTreeViewer } from '../JsonTreeViewer.js'
import { NetworkBadge } from '../NetworkBadge/index.js'
import { PageHeading } from '../PageHeading/index.js'
-import { PoweredBySequence } from '../SequenceLogo/index.js'
+import { PoweredByPolygon } from '../PolygonBrand/index.js'
import { ShadowRoot } from '../ShadowRoot/index.js'
import { SocialLink } from '../SocialLink/SocialLink.js'
import { TxnDetails } from '../TxnDetails/index.js'
@@ -379,7 +379,7 @@ export const SequenceConnectInlineProvider = (props: SequenceConnectInlineProvid
diff --git a/packages/connect/src/components/SequenceConnectProvider/SequenceConnectProvider.tsx b/packages/connect/src/components/SequenceConnectProvider/SequenceConnectProvider.tsx
index 6df1b9a44..18bd658e1 100644
--- a/packages/connect/src/components/SequenceConnectProvider/SequenceConnectProvider.tsx
+++ b/packages/connect/src/components/SequenceConnectProvider/SequenceConnectProvider.tsx
@@ -36,7 +36,7 @@ import { EpicAuthProvider } from '../EpicAuthProvider/index.js'
import { JsonTreeViewer } from '../JsonTreeViewer.js'
import { NetworkBadge } from '../NetworkBadge/index.js'
import { PageHeading } from '../PageHeading/index.js'
-import { PoweredBySequence } from '../SequenceLogo/index.js'
+import { PoweredByPolygon } from '../PolygonBrand/index.js'
import { ShadowRoot } from '../ShadowRoot/index.js'
import { SocialLink } from '../SocialLink/SocialLink.js'
import { TxnDetails } from '../TxnDetails/index.js'
@@ -375,7 +375,7 @@ export const SequenceConnectProvider = (props: SequenceConnectProviderProps) =>
diff --git a/packages/connect/src/components/SequenceLogo/PoweredBySequence.tsx b/packages/connect/src/components/SequenceLogo/PoweredBySequence.tsx
deleted file mode 100644
index 596d65a1f..000000000
--- a/packages/connect/src/components/SequenceLogo/PoweredBySequence.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { Text } from '@0xsequence/design-system'
-
-import { SequenceLogo } from './SequenceLogo.js'
-
-export const PoweredBySequence = () => {
- return (
- {
- if (typeof window !== 'undefined') {
- window.open('https://sequence.xyz')
- }
- }}
- >
-
- Powered by
-
-
-
-
-
- )
-}
diff --git a/packages/connect/src/components/SequenceLogo/SequenceLogo.tsx b/packages/connect/src/components/SequenceLogo/SequenceLogo.tsx
deleted file mode 100644
index 6cbc61397..000000000
--- a/packages/connect/src/components/SequenceLogo/SequenceLogo.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-export const SequenceLogo = () => {
- return (
-
- )
-}
diff --git a/packages/connect/src/components/SequenceLogo/index.ts b/packages/connect/src/components/SequenceLogo/index.ts
deleted file mode 100644
index 6150da07e..000000000
--- a/packages/connect/src/components/SequenceLogo/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { PoweredBySequence } from './PoweredBySequence.js'
-export { SequenceLogo } from './SequenceLogo.js'
diff --git a/packages/connect/src/styles.ts b/packages/connect/src/styles.ts
index 6e79c2a54..2c5d57976 100644
--- a/packages/connect/src/styles.ts
+++ b/packages/connect/src/styles.ts
@@ -819,9 +819,6 @@ export const styles = String.raw`
.w-\[56px\] {
width: 56px;
}
- .w-\[80px\] {
- width: 80px;
- }
.w-\[100px\] {
width: 100px;
}
@@ -897,6 +894,9 @@ export const styles = String.raw`
.flex-1 {
flex: 1;
}
+ .flex-none {
+ flex: none;
+ }
.flex-shrink {
flex-shrink: 1;
}