diff --git a/src/App.js b/src/App.js
index 190ba76..463837e 100644
--- a/src/App.js
+++ b/src/App.js
@@ -158,6 +158,7 @@ export const App = () => {
 		preset: 'forbid',
 	});
 	const [walletData, setWalletData] = useState(null);
+	const [isNeoLineSupport, setNeoLineSupport] = useState(false);
 
 	const [modal, setModal] = useState({
 		current: null,
@@ -180,6 +181,12 @@ export const App = () => {
 		}, 2000);
 	};
 
+	useEffect(() => {
+		window.addEventListener('NEOLine.NEO.EVENT.READY', () => {
+			setNeoLineSupport(true);
+		});
+	}, []); // eslint-disable-line react-hooks/exhaustive-deps
+
 	useEffect(() => {
 		if (wcSdk.isConnected() && location.pathname.indexOf('/getobject') === -1) {
 			setWalletData({
@@ -1817,6 +1824,7 @@ export const App = () => {
 					element={<Home
 						onModal={onModal}
 						dapi={dapi}
+						isNeoLineSupport={isNeoLineSupport}
 						onConnectWallet={onConnectWallet}
 					/>}
 				/>
diff --git a/src/Home.js b/src/Home.js
index 0d26d89..3d2009d 100644
--- a/src/Home.js
+++ b/src/Home.js
@@ -12,6 +12,7 @@ import {
 const Home = ({
 		onModal,
 		onConnectWallet,
+		isNeoLineSupport,
 		dapi,
 	}) => {
 
@@ -39,6 +40,7 @@ const Home = ({
 							<Button
 								className="btn_connect_wallet"
 								onClick={() => onConnectWallet('neoline')}
+								style={isNeoLineSupport ? { border: '2px solid #00e599', background: '#00dc9633' } : {}}
 							>
 								NeoLine
 								<img src="/img/icons/wallets/neoline.svg" alt="neoline logo" />