diff --git a/package.json b/package.json
index 739f03e..c09f187 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "@getalby/lightning-wallet-connect",
- "version": "1.0.10",
+ "version": "1.0.11",
"description": "Web components to connect to a lightning wallet and power a website with WebLN",
"type": "module",
"source": "src/index.ts",
diff --git a/src/components/connectors/lwc-connector.ts b/src/components/connectors/lwc-connector.ts
index 529af78..4a513f2 100644
--- a/src/components/connectors/lwc-connector.ts
+++ b/src/components/connectors/lwc-connector.ts
@@ -2,6 +2,7 @@ import {TemplateResult, html} from 'lit';
import {LwcElement} from '../lwc-element';
import {withTwind} from '../twind/withTwind';
import {ConnectorType} from '../../types/ConnectorType';
+import {color} from '../utils/colors';
export abstract class LwcConnector extends withTwind(LwcElement) {
private _background: string;
@@ -33,7 +34,11 @@ export abstract class LwcConnector extends withTwind(LwcElement) {
>
${this._icon}
- ${this._title}
+ ${this._title}
`;
}
}
diff --git a/src/components/icons/lwcConnectedIcon.ts b/src/components/icons/lwcConnectedIcon.ts
index a993870..1a6e467 100644
--- a/src/components/icons/lwcConnectedIcon.ts
+++ b/src/components/icons/lwcConnectedIcon.ts
@@ -1,31 +1,10 @@
import {svg} from 'lit';
+import {color} from '../utils/colors';
-export const lwcConnectedIcon = svg`
+export const lwcConnectedIcon = svg`
+`;
diff --git a/src/components/lwc-button.ts b/src/components/lwc-button.ts
index be95685..b90c28a 100644
--- a/src/components/lwc-button.ts
+++ b/src/components/lwc-button.ts
@@ -94,15 +94,15 @@ export class LwcButton extends withTwind(LwcElement) {
? lwcConnectedIcon
: null
: lwcIcon}
-
- ${iconOnly
- ? null
- : isLoading
- ? html`Connecting...`
- : this._connected
- ? html`${this._alias || 'Connected'}`
- : html`Connect Wallet`}
-
+ ${!iconOnly
+ ? html`
+ ${isLoading
+ ? html`Connecting...`
+ : this._connected
+ ? html`${this._alias || 'Connected'}`
+ : html`Connect Wallet`}
+ `
+ : null}
${this._connected && !iconOnly && this._balance !== undefined
? html`