diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 61261b65e..15893240b 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -4,21 +4,19 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="8e76172f-bb00-4546-b604-09723b806b3e" name="Changes" comment="Update modal general to connect qrWallet">
-      <change afterPath="$PROJECT_DIR$/packages/core/src/icons/download.ts" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/packages/core/src/icons/qrCode.ts" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/packages/core/src/icons/vector.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/.idea/shelf/Uncommitted_changes_before_Checkout_at_11_8_2023_2_22_PM__Changes_.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/shelf/Uncommitted_changes_before_Checkout_at_11_8_2023_2_22_PM__Changes_.xml" afterDir="false" />
+    <list default="true" id="8e76172f-bb00-4546-b604-09723b806b3e" name="Changes" comment="R">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/packages/core/src/icons/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/packages/core/src/icons/index.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/packages/core/src/types.ts" beforeDir="false" afterPath="$PROJECT_DIR$/packages/core/src/types.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/packages/core/src/utils.ts" beforeDir="false" afterPath="$PROJECT_DIR$/packages/core/src/utils.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/packages/core/src/views/connect/Index.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/packages/core/src/views/connect/Index.svelte" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/packages/core/src/views/connect/QrCode.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/packages/core/src/views/connect/QrCode.svelte" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/packages/core/src/views/connect/WalletButton.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/packages/core/src/views/connect/WalletButton.svelte" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/packages/core/src/views/connect/installWallet.svelte" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/packages/core/src/views/shared/SuccessStatusIcon.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/packages/core/src/views/shared/SuccessStatusIcon.svelte" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/packages/keepkey/src/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/packages/keepkey/src/index.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/packages/core/src/preflight-notifications.ts" beforeDir="false" afterPath="$PROJECT_DIR$/packages/core/src/preflight-notifications.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/packages/core/src/views/notify/Index.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/packages/core/src/views/notify/Index.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/packages/core/src/views/notify/Notification.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/packages/core/src/views/notify/Notification.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/packages/core/src/views/shared/NetworkSelector.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/packages/core/src/views/shared/NetworkSelector.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/packages/demo/src/components/account/AccountList.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/packages/demo/src/components/account/AccountList.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/packages/demo/src/components/layout/Layout.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/packages/demo/src/components/layout/Layout.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/packages/demo/src/components/layout/WalletHeader.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/packages/demo/src/components/layout/WalletHeader.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/packages/demo/src/components/logo/LogoWithSubIcon.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/packages/demo/src/components/logo/LogoWithSubIcon.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/packages/demo/src/utils/api/evmApi.ts" beforeDir="false" afterPath="$PROJECT_DIR$/packages/demo/src/utils/api/evmApi.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/packages/demo/src/utils/api/substrateApi.ts" beforeDir="false" afterPath="$PROJECT_DIR$/packages/demo/src/utils/api/substrateApi.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/packages/ledgerPolkadot/src/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/packages/ledgerPolkadot/src/index.ts" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -63,7 +61,7 @@
     &quot;RunOnceActivity.OpenProjectViewOnStart&quot;: &quot;true&quot;,
     &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
     &quot;WebServerToolWindowFactoryState&quot;: &quot;false&quot;,
-    &quot;git-widget-placeholder&quot;: &quot;sw__issuse&quot;,
+    &quot;git-widget-placeholder&quot;: &quot;sw-dev&quot;,
     &quot;last_opened_file_path&quot;: &quot;C:/Users/Admin/Documents/temp/Reactjs-project2/web3-onboard_sw/packages/demo/public/fonts&quot;,
     &quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
     &quot;node.js.detected.package.tslint&quot;: &quot;true&quot;,
@@ -71,7 +69,7 @@
     &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
     &quot;nodejs_package_manager_path&quot;: &quot;yarn&quot;,
     &quot;settings.editor.selected.configurable&quot;: &quot;preferences.pluginManager&quot;,
-    &quot;ts.external.directory.path&quot;: &quot;C:\\Users\\Admin\\Documents\\temp\\Reactjs-project2\\web3-onboard\\node_modules\\typescript\\lib&quot;,
+    &quot;ts.external.directory.path&quot;: &quot;D:\\temp\\Reactjs-project2\\web3-onboard\\node_modules\\typescript\\lib&quot;,
     &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
   }
 }</component>
@@ -222,7 +220,31 @@
       <option name="project" value="LOCAL" />
       <updated>1706010018885</updated>
     </task>
-    <option name="localTasksCounter" value="6" />
+    <task id="LOCAL-00006" summary="Update ui bug #3">
+      <option name="closed" value="true" />
+      <created>1708415755434</created>
+      <option name="number" value="00006" />
+      <option name="presentableId" value="LOCAL-00006" />
+      <option name="project" value="LOCAL" />
+      <updated>1708415755434</updated>
+    </task>
+    <task id="LOCAL-00007" summary="Resolve ui bug">
+      <option name="closed" value="true" />
+      <created>1708415913586</created>
+      <option name="number" value="00007" />
+      <option name="presentableId" value="LOCAL-00007" />
+      <option name="project" value="LOCAL" />
+      <updated>1708415913586</updated>
+    </task>
+    <task id="LOCAL-00008" summary="Resolve ui bug">
+      <option name="closed" value="true" />
+      <created>1708416261667</created>
+      <option name="number" value="00008" />
+      <option name="presentableId" value="LOCAL-00008" />
+      <option name="project" value="LOCAL" />
+      <updated>1708416261667</updated>
+    </task>
+    <option name="localTasksCounter" value="9" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -256,8 +278,11 @@
     <option name="CHECK_NEW_TODO" value="false" />
     <MESSAGE value="issues 3# Intergrate Substrate Wallet Connect Wallets" />
     <MESSAGE value="Update walletconnect for polkadot, project and logic flow are restructured." />
-    <MESSAGE value="Update modal general to connect qrWallet" />
     <MESSAGE value="Update modal design of modal to connect qrWallet" />
-    <option name="LAST_COMMIT_MESSAGE" value="Update modal design of modal to connect qrWallet" />
+    <MESSAGE value="Update ui bug #3" />
+    <MESSAGE value="Update modal general to connect qrWallet" />
+    <MESSAGE value="R" />
+    <MESSAGE value="Resolve ui bug" />
+    <option name="LAST_COMMIT_MESSAGE" value="Resolve ui bug" />
   </component>
 </project>
\ No newline at end of file
diff --git a/packages/core/src/preflight-notifications.ts b/packages/core/src/preflight-notifications.ts
index 3b418d58d..0c163ed7b 100644
--- a/packages/core/src/preflight-notifications.ts
+++ b/packages/core/src/preflight-notifications.ts
@@ -100,7 +100,8 @@ export async function preflightNotifications(
   // get result and handle errors
   let hash
   try {
-    hash = await sendTransaction()
+    hash = await sendTransaction();
+    console.log('1231321pass', hash)
   } catch (error) {
     type CatchError = {
       message: string
@@ -115,8 +116,10 @@ export async function preflightNotifications(
 
   // Remove preflight notification if a resolves to hash
   // and let the SDK take over
-  removeNotification(id)
+
   if (hash) {
+    console.log('hash', hash)
+    addNotification(buildNotification('txConfirmed', id))
     return hash
   }
   return
diff --git a/packages/core/src/views/notify/Index.svelte b/packages/core/src/views/notify/Index.svelte
index afbbbf5e5..5057c1607 100644
--- a/packages/core/src/views/notify/Index.svelte
+++ b/packages/core/src/views/notify/Index.svelte
@@ -61,6 +61,7 @@
     padding-left: 0;
     display: flex;
     flex-flow: column nowrap;
+    position: absolute;
     font-size: var(
       --notify-onboard-font-size,
       var(--onboard-font-size-5, var(--font-size-5))
diff --git a/packages/core/src/views/notify/Notification.svelte b/packages/core/src/views/notify/Notification.svelte
index 432e87800..5df7d4e1d 100644
--- a/packages/core/src/views/notify/Notification.svelte
+++ b/packages/core/src/views/notify/Notification.svelte
@@ -69,7 +69,6 @@
     transition: background 300ms ease-in-out, color 300ms ease-in-out;
     pointer-events: all;
     backdrop-filter: blur(5px);
-    width: 100%;
     min-height: 56px;
     display: flex;
     align-items: center;
diff --git a/packages/core/src/views/shared/NetworkSelector.svelte b/packages/core/src/views/shared/NetworkSelector.svelte
index a886760b5..6fc4d0e0e 100644
--- a/packages/core/src/views/shared/NetworkSelector.svelte
+++ b/packages/core/src/views/shared/NetworkSelector.svelte
@@ -69,13 +69,14 @@
     select {
       border: none;
       background-image: none;
-      border-radius: var(--border-radius-6);
+      border-radius: 48px;
       background-color: var(--w3o-action-color, var(--primary-500));
       -webkit-appearance: none;
       -webkit-box-shadow: none;
       -moz-box-shadow: none;
       box-shadow: none;
       appearance: none;
+      margin-top: 2px;
       font-size: var(--onboard-font-size-7, var(--font-size-7));
       line-height: var(--onboard-font-line-height-3, var(--font-line-height-3));
       transition: width 250ms ease-in-out;
@@ -83,7 +84,7 @@
       background-position: right 0px top 0px, 0 0;
       scrollbar-width: none;
       -ms-overflow-style: none;
-      padding: 0 14px 0 5px;
+      padding: 2px 14px 1px 10px;
       white-space: nowrap;
       text-overflow: ellipsis;
     }
@@ -130,9 +131,7 @@
       style={`
         color: var(${colorVar},
         var(--account-center-network-selector-color, var(--gray-500)));
-        background-image: url('data:image/svg+xml;utf8,${selectIcon}'); ${
-        bold ? 'font-weight: 600;' : ''
-      }`}
+        background-image: url('data:image/svg+xml;utf8,${selectIcon}'); `}
     >
       {#if !connectedToValidAppChain(wallet.chains[0], chains)}
         <option value={wallet.chains[0].id}
diff --git a/packages/demo/src/components/account/AccountList.tsx b/packages/demo/src/components/account/AccountList.tsx
index 30427f0c0..ea1321547 100644
--- a/packages/demo/src/components/account/AccountList.tsx
+++ b/packages/demo/src/components/account/AccountList.tsx
@@ -64,7 +64,7 @@ function Component ({className, substrateProvider, evmProvider}: Props): React.R
             substrateProvider?.isReady().then( async ()=>{
               const provider = wallet.provider as SubstrateProvider;
               if(wallet.label === 'Ledger') {
-                wallet.signer = await substrateProvider?.getSignerLedger(provider)
+                wallet.signer = await substrateProvider?.getSignerLedger(address, provider)
               }
               if( wallet.label === 'WalletConnect') {
                 wallet.signer = await substrateProvider?.getSignerWC(address, provider);
diff --git a/packages/demo/src/components/layout/Layout.tsx b/packages/demo/src/components/layout/Layout.tsx
index 02b534123..114caa3e0 100644
--- a/packages/demo/src/components/layout/Layout.tsx
+++ b/packages/demo/src/components/layout/Layout.tsx
@@ -55,16 +55,29 @@ const Layout = styled(Component)<Props>( ({ theme: { extendToken, token} }: Them
 
     '.__main-content': {
       height: '100%',
+      margin: 'auto',
       display: 'flex',
       overflowX: 'hidden',
       flexDirection: 'column',
       justifyContent: 'space-between',
       alignItems: 'center',
-      gap: token.padding
+      gap: token.padding,
+      '::-webkit-scrollbar': {
+        width: 0
+      },
+
+      '::-webkit-scrollbar-track': {
+        backgroundColor: 'transparent'/* Màu nền track */
+      },
+
+      '::-webkit-scrollbar-thumb': {
+        backgroundColor: 'transparent' /* Màu của thanh thumb */
+      }
     },
 
     '.__main-content.-isConnected': {
       padding: '0px 164px',
+      maxWidth: 1830,
       justifyContent: 'flex-start'
     },
 
@@ -73,6 +86,7 @@ const Layout = styled(Component)<Props>( ({ theme: { extendToken, token} }: Them
       display: 'flex',
       flexDirection: 'column',
       alignItems: 'center',
+      marginBottom: '20vh'
     },
 
     '.-upper': {
diff --git a/packages/demo/src/components/layout/WalletHeader.tsx b/packages/demo/src/components/layout/WalletHeader.tsx
index 8cb14a5f7..24fad22a9 100644
--- a/packages/demo/src/components/layout/WalletHeader.tsx
+++ b/packages/demo/src/components/layout/WalletHeader.tsx
@@ -129,11 +129,11 @@ const WalletHeader = styled(Component)<Props>(({theme : {token}}) => {
       alignItems: 'center',
     },
 
-    '.wallet-header-content.--isDisconnect':{
+    '.wallet-header-content.-isDisconnect':{
       padding: 24
     },
 
-    '.wallet-header-content.--isConnected': {
+    '.wallet-header-content.-isConnected': {
       padding: '24px 0px',
 
       '.__header-title': {
diff --git a/packages/demo/src/components/logo/LogoWithSubIcon.tsx b/packages/demo/src/components/logo/LogoWithSubIcon.tsx
index 952301753..14fb2ed56 100644
--- a/packages/demo/src/components/logo/LogoWithSubIcon.tsx
+++ b/packages/demo/src/components/logo/LogoWithSubIcon.tsx
@@ -42,7 +42,6 @@ const LogoWithSubIcon = styled(Component)<Props>(({theme}) => {
     },
 
     '.__wallet-logo-sub': {
-      zIndex: 1,
       position: 'absolute',
       top: '70%',
       left: '60%',
diff --git a/packages/demo/src/utils/api/evmApi.ts b/packages/demo/src/utils/api/evmApi.ts
index c46c5cf69..15f19adea 100644
--- a/packages/demo/src/utils/api/evmApi.ts
+++ b/packages/demo/src/utils/api/evmApi.ts
@@ -33,7 +33,6 @@ export class evmApi {
         sendTransaction,
         txDetails: txDetails
       })
-    console.log(transactionHash)
   }
 
 
diff --git a/packages/demo/src/utils/api/substrateApi.ts b/packages/demo/src/utils/api/substrateApi.ts
index cb7cbe36a..86565602e 100644
--- a/packages/demo/src/utils/api/substrateApi.ts
+++ b/packages/demo/src/utils/api/substrateApi.ts
@@ -1,11 +1,10 @@
-import { ApiPromise, WsProvider } from '@polkadot/api';
-import type { Signer, SignerResult, SignerPayloadJSON } from '@polkadot/types/types';
-import { SubstrateProvider } from "@subwallet_connect/common";
+import {ApiPromise, WsProvider} from '@polkadot/api';
+import type {Signer, SignerPayloadJSON, SignerResult} from '@polkadot/types/types';
+import {SubstrateProvider} from "@subwallet_connect/common";
 import web3Onboard from "../../web3-onboard";
-import { RequestArguments } from "../../types";
-import { SIGN_METHODS } from "../methods";
-import { LedgerSignature } from "@polkadot/hw-ledger/types";
-import type { HexString } from '@polkadot/util/types';
+import {RequestArguments} from "../../types";
+import {SIGN_METHODS} from "../methods";
+import {LedgerSignature} from "@polkadot/hw-ledger/types";
 
 export class substrateApi {
   private readonly api ?: ApiPromise;
@@ -28,7 +27,7 @@ export class substrateApi {
     const transferExtrinsic = this.api.tx.balances.transferKeepAlive(recipientAddress, amount)
     try{
       const sendTransaction = async () => {
-        let txHash_  = '';
+        let txHash_ = ''
         await transferExtrinsic.signAndSend(senderAddress, { signer }, ({ status, txHash }) => {
           if (status.isInBlock) {
             txHash_ = txHash.toString();
@@ -37,15 +36,17 @@ export class substrateApi {
             console.log(`Current status: ${status.type}`);
           }
         })
-        return txHash_
+        return txHash_;
       }
       const txDetails = {
         to: recipientAddress,
         value: amount
       }
 
-      const hash = await sendTransaction();
-      console.log(hash, 'hash')
+      return await web3Onboard.state.actions.preflightNotifications({
+        sendTransaction,
+        txDetails: txDetails
+      });
     } catch (e) {
       console.log(':( transaction failed', e);
     }
@@ -71,17 +72,19 @@ export class substrateApi {
     }
   }
 
-  public async getSignerLedger ( provider: SubstrateProvider) : Promise<Signer> {
+  public async getSignerLedger ( senderAddress: string, provider: SubstrateProvider) : Promise<Signer> {
     if(!this.api) return {} ;
 
     return {
       signPayload : async (payload: SignerPayloadJSON): Promise<SignerResult>  => {
-
         const raw = this.api?.registry.createType('ExtrinsicPayload', payload, { version: payload.version });
         const args = {} as RequestArguments;
 
         args.method = 'polkadot_sendTransaction';
-        args.params = raw?.toU8a({ isBare: true });
+        args.params = {
+          address: senderAddress,
+          transactionPayload: raw?.toU8a(true)
+        };
 
         const { signature }   = (await provider.request(args)) as LedgerSignature
         return { id: 0, signature };
diff --git a/packages/ledgerPolkadot/src/index.ts b/packages/ledgerPolkadot/src/index.ts
index 9f50a8b81..8b0dbcd75 100644
--- a/packages/ledgerPolkadot/src/index.ts
+++ b/packages/ledgerPolkadot/src/index.ts
@@ -68,7 +68,6 @@ function ledgerPolkadot({
     const getIcon = async () => (await import('./icon.js')).default
 
     return ({ device }) => {
-        let accounts: Account[] | undefined
 
         const filtered =
             Array.isArray(filter) &&
@@ -117,14 +116,14 @@ function ledgerPolkadot({
 
                     private disconnected$: InstanceType<typeof Subject>
 
+                    private accountIdxMap : { [key: string]: number}
 
                   constructor() {
                     this.emit = eventEmitter.emit.bind(eventEmitter)
                     this.on = eventEmitter.on.bind(eventEmitter)
                     this.removeListener = eventEmitter.removeListener.bind(eventEmitter)
-
                     this.disconnected$ = new Subject()
-
+                    this.accountIdxMap = {}
                   }
 
                    async getAccount  ({ accountIdx, asset }: {
@@ -138,7 +137,8 @@ function ledgerPolkadot({
                       if(!account){
                         return ;
                       }
-                      address = account.address
+                      address = account.address;
+                      this.accountIdxMap = {...this.accountIdxMap, [address]: accountIdx};
                     }catch (e){
                       throw new ProviderRpcError({
                         code: 4001,
@@ -204,13 +204,14 @@ function ledgerPolkadot({
 
 
                      getAccounts = async () => {
-                        accounts = await accountSelect({
+                        const accounts = await accountSelect({
                             basePaths: DEFAULT_BASE_PATHS,
                             assets,
                             chains : [this.chainFilter[0]],
                             scanAccounts : this.scanAccounts,
                             containerElement
                         })
+
                         if (!accounts) throw new Error('No accounts were found')
                         if (accounts.length) {
                             eventEmitter.emit('accountsChanged', [accounts[0].address])
@@ -220,6 +221,7 @@ function ledgerPolkadot({
                     }
 
                      signMessage = async (address: string, message: string) => {
+                        const accounts = Object.keys(this.accountIdxMap)
                         if (
                           !accounts ||
                           !Array.isArray(accounts) ||
@@ -229,8 +231,7 @@ function ledgerPolkadot({
                               'No account selected. Must call eth_requestAccounts first.'
                             )
 
-                        const accountIdx =
-                          accounts.findIndex(account => account.address === address) || 0
+                        const accountIdx = this.accountIdxMap[address]
 
                         if(!this.ledger){
                           throw new ProviderRpcError({
@@ -238,7 +239,7 @@ function ledgerPolkadot({
                             message: errorMessages[ERROOR_CHOICEPOLKADOT]
                           })
                         }
-                        const { signature } = await this.ledger.signRaw(stringToUint8Array(message), 0, 0);
+                        const { signature } = await this.ledger.signRaw(stringToUint8Array(message), accountIdx, 0);
                         return signature
                     }
                     async enable() {
@@ -306,6 +307,8 @@ function ledgerPolkadot({
                         code: ProviderRpcErrorCode.UNSUPPORTED_METHOD,
                         message: `The Provider does not support the requested method: ${method}`
                       })
+
+                      return;
                     }
 
 
@@ -324,6 +327,7 @@ function ledgerPolkadot({
                           code: ProviderRpcErrorCode.UNSUPPORTED_METHOD,
                           message: `The Provider does not support the requested method: ${method}`
                         })
+                        return ;
                       }
                     }
 
@@ -335,6 +339,8 @@ function ledgerPolkadot({
                           code: ProviderRpcErrorCode.UNSUPPORTED_METHOD,
                           message: `The Provider does not support the requested method: ${method}`
                         })
+
+                        return;
                       }
                     }
 
@@ -346,11 +352,33 @@ function ledgerPolkadot({
                             message: errorMessages[ERROOR_CHOICEPOLKADOT]
                           })
                         }
+
+                        const accounts = Object.keys(this.accountIdxMap)
+                        if (
+                          !accounts ||
+                          !Array.isArray(accounts) ||
+                          !(accounts.length && accounts.length > 0)
+                        )
+                          throw new Error(
+                            'No account selected. Must call eth_requestAccounts first.'
+                          )
+
                         if (params) {
-                          return await this.ledger.sign(params as any)
+                          const { transactionPayload, address } = params as Record<string, string>
+                          if(!transactionPayload || !address){
+
+                            throw new ProviderRpcError({
+                              code: ProviderRpcErrorCode.INVALID_PARAMS,
+                              message: `The Provider does not permit valid params`
+                            })
+                            return;
+                          }
+                          const accountIdx = this.accountIdxMap[address];
+                          return await this.ledger.sign(transactionPayload as any, accountIdx, 0);
                         }
                       }catch (e) {
-                        console.log(e)
+                        console.log(e);
+                        return ;
                       }
                     }