diff --git a/src/App.vue b/src/App.vue
index 099dad81..098acd15 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -49,7 +49,9 @@ onBeforeMount(async () => {
 async function setIframeStyle() {
   const parentConnectionInstance = await parentConnectionStore.parentConnection
     ?.promise
-  await parentConnectionInstance?.setIframeStyle(app.iframeStyle)
+  if (parentConnectionInstance && parentConnectionInstance['setIframeStyle']) {
+    await parentConnectionInstance?.setIframeStyle(app.iframeStyle)
+  }
 }
 
 watch(showWallet, async (newValue) => {
diff --git a/src/assets/images/onrampmoney.png b/src/assets/images/onrampmoney.png
new file mode 100644
index 00000000..2130677b
Binary files /dev/null and b/src/assets/images/onrampmoney.png differ
diff --git a/src/components/BuyTokens.vue b/src/components/BuyTokens.vue
index e6ad5f4e..0df94690 100644
--- a/src/components/BuyTokens.vue
+++ b/src/components/BuyTokens.vue
@@ -3,13 +3,11 @@ import { ref, type Ref } from 'vue'
 
 import AppLoader from '@/components/AppLoader.vue'
 import { openOnRampMoneyHostedUI } from '@/utils/onrampmoney.ramp'
-import { openRampSdk } from '@/utils/rampsdk'
 import { openTransak } from '@/utils/transak'
 import { useImage } from '@/utils/useImage'
 
 type BuyTokenProps = {
   transakNetwork?: string
-  rampNetwork?: string
   onRampMoney: number | false | undefined
 }
 
@@ -43,12 +41,6 @@ function handleStatusModalText(provider: 'Transak' | 'Ramp' | 'onramp.money') {
   }
 }
 
-function handleRamp() {
-  isLoading.value = true
-  openRampSdk(props.rampNetwork as string)
-  handleStatusModalText('Ramp')
-}
-
 function handleOnRampMoney() {
   if (props.onRampMoney === undefined || props.onRampMoney === false) {
     throw new Error('!!!')
@@ -61,8 +53,6 @@ function handleOnRampMoney() {
 function handleBuy() {
   if (selectedProvider.value === 'transak') {
     handleTransak()
-  } else if (selectedProvider.value === 'ramp') {
-    handleRamp()
   } else if (selectedProvider.value === 'onramp.money') {
     handleOnRampMoney()
   }
@@ -136,25 +126,6 @@ function handleDone() {
             <span class="text-base">Transak</span>
           </label>
         </div>
-        <div class="flex gap-3 items-center">
-          <input
-            id="Ramp"
-            v-model="selectedProvider"
-            type="radio"
-            value="ramp"
-            name="provider"
-            :disabled="!props.rampNetwork"
-            :class="{ 'opacity-80': !props.rampNetwork }"
-          />
-          <label
-            for="Ramp"
-            class="flex gap-2 items-center cursor-pointer"
-            :class="{ 'opacity-50': !props.rampNetwork }"
-          >
-            <img src="@/assets/images/ramp.png" class="h-7 w-7" />
-            <span class="text-base">Ramp</span>
-          </label>
-        </div>
         <div class="flex gap-3 items-center">
           <input
             id="OnRampMoney"
@@ -170,7 +141,10 @@ function handleDone() {
             class="flex gap-2 items-center cursor-pointer"
             :class="{ 'opacity-50': props.onRampMoney === false }"
           >
-            <img src="@/assets/images/ramp.png" class="h-7 w-7" />
+            <img
+              src="@/assets/images/onrampmoney.png"
+              class="h-7 w-7 bg-[#F2F2F2] rounded-full"
+            />
             <span class="text-base">onramp.money</span>
           </label>
         </div>
diff --git a/src/components/UserWallet.vue b/src/components/UserWallet.vue
index 62de84e7..14def286 100644
--- a/src/components/UserWallet.vue
+++ b/src/components/UserWallet.vue
@@ -19,7 +19,6 @@ import { useRpcStore } from '@/store/rpc'
 import { useUserStore } from '@/store/user'
 import { HIDE_ON_RAMP } from '@/utils/constants'
 import { isSupportedByOnRampMoney } from '@/utils/onrampmoney.ramp'
-import { getRampSupportedNetworks } from '@/utils/rampsdk'
 import { getRequestHandler } from '@/utils/requestHandlerSingleton'
 import { getTransakSupportedNetworks } from '@/utils/transak'
 import { truncateToTwoDecimals } from '@/utils/truncateToTwoDecimal'
@@ -62,13 +61,6 @@ const transakNetwork = computed(() => {
   )
 })
 
-const rampNetwork = computed(() => {
-  const selectedChainId = Number(rpcStore.selectedChainId)
-  return getRampSupportedNetworks().find(
-    (network) => network.chainId === selectedChainId
-  )
-})
-
 const onRampMoney = computed(() => {
   const selectedChainId = Number(rpcStore.selectedChainId)
   if (isSupportedByOnRampMoney(selectedChainId)) {
@@ -119,7 +111,7 @@ function openAddNetwork(open) {
 }
 
 function openEditNetwork(open, chainId: number | null = null) {
-  if (Number(rpcStore.selectedRpcConfig.chainId) === Number(chainId)) {
+  if (Number(rpcStore.selectedRpcConfig?.chainId) === Number(chainId)) {
     toast.error(
       'This network is current selected, please chose a different one and try again'
     )
@@ -179,7 +171,7 @@ onMounted(() => {
 })
 
 watch(
-  () => rpcStore.selectedRPCConfig.chainId,
+  () => rpcStore.selectedRPCConfig?.chainId,
   async () => {
     await getRequestHandler().setRpcConfig({
       ...rpcStore.selectedRPCConfig,
@@ -297,7 +289,7 @@ watch(
           </button>
           <button
             v-if="walletBalance && !HIDE_ON_RAMP"
-            :disabled="!transakNetwork && !rampNetwork && onRampMoney === false"
+            :disabled="!transakNetwork && onRampMoney === false"
             class="text-sm sm:text-xs font-semibold rounded-xl border-2 border-solid border-black dark:border-white flex-1 uppercase disabled:opacity-50"
             @click="handleBuy(true)"
           >
@@ -330,7 +322,6 @@ watch(
       <BuyTokens
         v-if="showModal === 'buy'"
         :transak-network="transakNetwork?.value"
-        :ramp-network="rampNetwork?.value"
         :on-ramp-money="onRampMoney"
         @close="handleBuy(false)"
       />
diff --git a/src/store/rpc.ts b/src/store/rpc.ts
index 99653537..00edbe22 100644
--- a/src/store/rpc.ts
+++ b/src/store/rpc.ts
@@ -29,7 +29,7 @@ export const useRpcStore = defineStore('rpcStore', {
       selectedRPCConfig: null,
       selectedChainId: null,
 
-      walletBalance: '',
+      walletBalance: '0',
       walletBalanceChainId: '',
       walletBalancePollingCleanupID: null,
       walletBalancePollingIntervalID: null,
diff --git a/src/utils/rampsdk.ts b/src/utils/rampsdk.ts
deleted file mode 100644
index ac938ce7..00000000
--- a/src/utils/rampsdk.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-import { store } from '@/store'
-import { useUserStore } from '@/store/user'
-
-const userStore = useUserStore(store)
-
-type RampNetwork = {
-  chainId: number
-  value: string
-}
-
-const mainnetSupportedChains: RampNetwork[] = [
-  { chainId: 1666600000, value: 'HARMONY' },
-  { chainId: 250, value: 'FANTOM' },
-  { chainId: 122, value: 'FUSE' },
-  { chainId: 43114, value: 'AVAX' },
-  { chainId: 10, value: 'OPTIMISM' },
-  { chainId: 42220, value: 'CELO' },
-  { chainId: 1, value: 'ETH' },
-  { chainId: 30, value: 'RSK' },
-  { chainId: 56, value: 'BSC' },
-  { chainId: 100, value: 'XDAI' },
-  { chainId: 137, value: 'MATIC' },
-  { chainId: 324, value: 'ZKSYNC' },
-  { chainId: 10000, value: 'BCH' },
-  { chainId: 314, value: 'FILECOIN' },
-  { chainId: 42161, value: 'ARBITRUM' },
-  { chainId: 2000, value: 'DOGE' },
-]
-
-const testnetSupportedChains: RampNetwork[] = [
-  { chainId: 421613, value: 'ARBITRUM' },
-  { chainId: 44787, value: 'CELO' },
-  { chainId: 123, value: 'FUSE' },
-  { chainId: 280, value: 'ZKSYNC' },
-  { chainId: 97, value: 'BSC' },
-  { chainId: 1666700000, value: 'HARMONY' },
-  { chainId: 80001, value: 'MATIC' },
-  { chainId: 5, value: 'GOERLI' },
-  { chainId: 11155111, value: 'SEPOLIA' },
-  { chainId: 10200, value: 'XDAI' },
-  { chainId: 10001, value: 'BCH' },
-  { chainId: 69, value: 'OPTIMISM' },
-  { chainId: 43113, value: 'AVAX' },
-]
-
-async function openRampSdk(network: string) {
-  const swapAsset = `${network}_*`
-
-  const Ramp =
-    process.env.VUE_APP_RAMP_ENV === 'STAGING'
-      ? 'https://app.demo.ramp.network'
-      : 'https://buy.ramp.network'
-
-  const rampUrl = new URL(Ramp)
-  rampUrl.searchParams.append('hostAppName', 'Arcana OnRamp')
-  rampUrl.searchParams.append(
-    'hostLogoUrl',
-    'https://arcana-front.s3.ap-south-1.amazonaws.com/Black+Logo-Transparent+Backgroung-Horizontal.png'
-  )
-  rampUrl.searchParams.append('hostApiKey', process.env.VUE_APP_RAMP_API_KEY)
-  rampUrl.searchParams.append('swapAsset', swapAsset)
-  rampUrl.searchParams.append('userAddress', userStore.walletAddress)
-  rampUrl.searchParams.append('userEmailAddress', userStore.info.email || '')
-  window.open(rampUrl.toString(), '_blank')
-}
-
-function getRampSupportedNetworks() {
-  if (process.env.VUE_APP_RAMP_ENV === 'STAGING') {
-    return testnetSupportedChains
-  }
-  return mainnetSupportedChains
-}
-
-export { openRampSdk, getRampSupportedNetworks }