diff --git a/apps/vite/src/app.tsx b/apps/vite/src/app.tsx
index 52cc3447..54787ff1 100644
--- a/apps/vite/src/app.tsx
+++ b/apps/vite/src/app.tsx
@@ -19,7 +19,7 @@ function App() {
   const [theme, setTheme] = useState<ThemeVars>('light')
 
   return (
-    <TamaguiProvider config={tamaguiConfig}>
+    <TamaguiProvider config={tamaguiConfig} defaultTheme={theme}>
       <div id="app">
         <div id="sidebar">
           <Sidebar
@@ -53,11 +53,11 @@ function App() {
                 <Paragraph marginVertical={20}>
                   Theme selected - {theme}{' '}
                 </Paragraph>
-                <button
-                  onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')}
+                <Button
+                  onPress={() => setTheme(theme === 'dark' ? 'light' : 'dark')}
                 >
                   Toogle theme
-                </button>
+                </Button>
                 <Shape marginTop={20} />
               </Stack>
             </Stack>
diff --git a/packages/components/src/button/button.tsx b/packages/components/src/button/button.tsx
index 886e6b8b..4f8f4858 100644
--- a/packages/components/src/button/button.tsx
+++ b/packages/components/src/button/button.tsx
@@ -44,13 +44,14 @@ type BaseProps = GetProps<typeof Base>
 interface Props {
   type?: BaseProps['type']
   children: string
+  onPress?: () => void
 }
 
 const Button = (props: Props) => {
-  const { type = 'primary', children } = props
+  const { type = 'primary', children, onPress } = props
 
   return (
-    <Base type={type}>
+    <Base type={type} onPress={onPress}>
       <ButtonText>{children}</ButtonText>
     </Base>
   )