diff --git a/src/ui/page/sendCredits/view.jsx b/src/ui/page/sendCredits/view.jsx
index 6195c0e10..8e6017929 100644
--- a/src/ui/page/sendCredits/view.jsx
+++ b/src/ui/page/sendCredits/view.jsx
@@ -1,12 +1,17 @@
 import React from 'react';
+import classnames from 'classnames';
 import WalletSend from 'component/walletSend';
 import WalletAddress from 'component/walletAddress';
 import Page from 'component/page';
+import UnsupportedOnWeb from 'component/common/unsupported-on-web';
 
 const SendReceivePage = () => (
   <Page>
-    <WalletSend />
-    <WalletAddress />
+    {IS_WEB && <UnsupportedOnWeb />}
+    <div className={classnames({ 'card--disabled': IS_WEB })}>
+      <WalletSend />
+      <WalletAddress />
+    </div>
   </Page>
 );
 
diff --git a/src/ui/page/wallet/view.jsx b/src/ui/page/wallet/view.jsx
index 683ba03e7..fb92b9017 100644
--- a/src/ui/page/wallet/view.jsx
+++ b/src/ui/page/wallet/view.jsx
@@ -1,18 +1,23 @@
 import React from 'react';
+import classnames from 'classnames';
 import WalletBalance from 'component/walletBalance';
 import RewardSummary from 'component/rewardSummary';
 import TransactionListRecent from 'component/transactionListRecent';
 import WalletAddress from 'component/walletAddress';
 import Page from 'component/page';
+import UnsupportedOnWeb from 'component/common/unsupported-on-web';
 
 const WalletPage = () => (
   <Page>
-    <div className="columns">
-      <WalletBalance />
-      <RewardSummary />
+    {IS_WEB && <UnsupportedOnWeb />}
+    <div className={classnames({ 'card--disabled': IS_WEB })}>
+      <div className='columns'>
+        <WalletBalance />
+        <RewardSummary />
+      </div>
+      <WalletAddress />
+      <TransactionListRecent />
     </div>
-    <WalletAddress />
-    <TransactionListRecent />
   </Page>
 );