diff --git a/src/App.tsx b/src/App.tsx
index f3f5f82..06ac9c3 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 import reactLogo from './assets/react.svg'
 import twaLogo from './assets/tapps.png'
 import viteLogo from '/vite.svg'
@@ -24,6 +24,16 @@ function App() {
 
   const cartridgeConnector = connectors[0]
 
+  useEffect(() => {
+    WebApp.BiometricManager.init(() => {
+      WebApp.BiometricManager.requestAccess({
+        reason: 'we need your biometric data',
+      })
+    })
+    WebApp.SettingsButton.show()
+    WebApp.SettingsButton.isVisible = true
+  }, [])
+
   return (
     <>
       <div>