diff --git a/public/html/action-popup.html b/public/html/action-popup.html
new file mode 100644
index 00000000000..b25f5bb1390
--- /dev/null
+++ b/public/html/action-popup.html
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/scripts/generate-manifest.js b/scripts/generate-manifest.js
index ca234728ce5..a5c701a437b 100644
--- a/scripts/generate-manifest.js
+++ b/scripts/generate-manifest.js
@@ -87,7 +87,7 @@ const manifest = {
web_accessible_resources: [{ resources: ['inpage.js'], matches: ['*://*/*'] }],
action: {
default_title: 'Leather',
- default_popup: 'popup.html',
+ default_popup: 'action-popup.html',
default_icon: defaultIconEnvironment[WALLET_ENVIRONMENT],
},
options_ui: {
diff --git a/src/app/components/request-password.tsx b/src/app/components/request-password.tsx
index 7993607fc71..6055a8070e8 100644
--- a/src/app/components/request-password.tsx
+++ b/src/app/components/request-password.tsx
@@ -10,8 +10,7 @@ import { analytics } from '@shared/utils/analytics';
import { useKeyActions } from '@app/common/hooks/use-key-actions';
import { buildEnterKeyEvent } from '@app/common/hooks/use-modifier-key';
import { WaitingMessages, useWaitingMessage } from '@app/common/hooks/use-waiting-message';
-import { Footer } from '@app/ui/components/containers/footers/footer';
-import { Card } from '@app/ui/layout/card/card';
+import { Card, CardFooter } from '@app/ui/layout/card';
import { Page } from '@app/ui/layout/page/page.layout';
import { ErrorLabel } from './error-label';
@@ -65,7 +64,7 @@ export function RequestPassword({ onSuccess }: RequestPasswordProps) {
}
footer={
-
+
}
>
diff --git a/src/app/features/dialogs/increase-fee-dialog/components/increase-fee-actions.tsx b/src/app/features/dialogs/increase-fee-dialog/components/increase-fee-actions.tsx
index b51ae084d0f..fbb7d948b4b 100644
--- a/src/app/features/dialogs/increase-fee-dialog/components/increase-fee-actions.tsx
+++ b/src/app/features/dialogs/increase-fee-dialog/components/increase-fee-actions.tsx
@@ -1,4 +1,5 @@
import { useFormikContext } from 'formik';
+import { Flex } from 'leather-styles/jsx';
import { Button } from '@leather.io/ui';
@@ -19,7 +20,7 @@ export function IncreaseFeeActions(props: IncreaseFeeActionsProps) {
const actionText = whenWallet({ ledger: 'Confirm on Ledger', software: 'Submit' });
return (
- <>
+
@@ -34,6 +35,6 @@ export function IncreaseFeeActions(props: IncreaseFeeActionsProps) {
>
{actionText}
- >
+
);
}
diff --git a/src/app/features/dialogs/increase-fee-dialog/increase-btc-fee-dialog.tsx b/src/app/features/dialogs/increase-fee-dialog/increase-btc-fee-dialog.tsx
index 8a382bca309..84df0b3547c 100644
--- a/src/app/features/dialogs/increase-fee-dialog/increase-btc-fee-dialog.tsx
+++ b/src/app/features/dialogs/increase-fee-dialog/increase-btc-fee-dialog.tsx
@@ -67,7 +67,7 @@ export function IncreaseBtcFeeDialog() {
onClose={onClose}
header={}
footer={
-
+
}
>
diff --git a/src/app/pages/send/send-crypto-asset-form/form/btc/btc-send-form.tsx b/src/app/pages/send/send-crypto-asset-form/form/btc/btc-send-form.tsx
index d5559567d73..87674ffcda0 100644
--- a/src/app/pages/send/send-crypto-asset-form/form/btc/btc-send-form.tsx
+++ b/src/app/pages/send/send-crypto-asset-form/form/btc/btc-send-form.tsx
@@ -10,9 +10,7 @@ import { BtcAvatarIcon, Button, Callout, Link } from '@leather.io/ui';
import { formatMoney } from '@leather.io/utils';
import { AvailableBalance } from '@app/ui/components/containers/footers/available-balance';
-import { Footer } from '@app/ui/components/containers/footers/footer';
-import { Card } from '@app/ui/layout/card/card';
-import { CardContent } from '@app/ui/layout/card/card-content';
+import { Card, CardContent, CardFooter } from '@app/ui/layout/card';
import { AmountField } from '../../components/amount-field';
import { SelectedAssetField } from '../../components/selected-asset-field';
@@ -63,7 +61,7 @@ export function BtcSendForm() {