diff --git a/apps/mobile/app/(app)/new-record.tsx b/apps/mobile/app/(app)/new-record.tsx
index 91d0a21d..b5a2a3f4 100644
--- a/apps/mobile/app/(app)/new-record.tsx
+++ b/apps/mobile/app/(app)/new-record.tsx
@@ -1,11 +1,9 @@
-import { toast } from '@/components/common/toast'
 import { TransactionForm } from '@/components/transaction/transaction-form'
 import { createTransaction } from '@/mutations/transaction'
 import { transactionQueries } from '@/queries/transaction'
 import { useWallets, walletQueries } from '@/queries/wallet'
-import { t } from '@lingui/macro'
-import { useLingui } from '@lingui/react'
 import { useMutation, useQueryClient } from '@tanstack/react-query'
+import * as Haptics from 'expo-haptics'
 import { useRouter } from 'expo-router'
 import { LoaderIcon } from 'lucide-react-native'
 import { Alert, View } from 'react-native'
@@ -13,16 +11,18 @@ import { Alert, View } from 'react-native'
 export default function NewRecordScreen() {
   const router = useRouter()
   const { data: walletAccounts } = useWallets()
-  const { i18n } = useLingui()
+  // const { i18n } = useLingui()
   const queryClient = useQueryClient()
   const { mutateAsync } = useMutation({
     mutationFn: createTransaction,
     onError(error) {
+      Haptics.notificationAsync(Haptics.NotificationFeedbackType.Error)
       Alert.alert(error.message)
     },
     onSuccess() {
+      Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success)
       router.back()
-      toast.success(t(i18n)`Transaction created`)
+      // toast.success(t(i18n)`Transaction created`)
     },
     async onSettled() {
       await queryClient.invalidateQueries({
diff --git a/apps/mobile/components/common/toolbar.tsx b/apps/mobile/components/common/toolbar.tsx
index 82504b1a..4cbf1814 100644
--- a/apps/mobile/components/common/toolbar.tsx
+++ b/apps/mobile/components/common/toolbar.tsx
@@ -1,5 +1,6 @@
 import { t } from '@lingui/macro'
 import { useLingui } from '@lingui/react'
+import * as Haptics from 'expo-haptics'
 import { Link } from 'expo-router'
 import { PlusIcon, Sparkles } from 'lucide-react-native'
 import { TouchableOpacity, View } from 'react-native'
@@ -21,7 +22,7 @@ export function Toolbar() {
           <Sparkles className="w-5 h-5 text-muted-foreground" />
         </View>
       </TouchableOpacity>
-      <Link href="/new-record" asChild>
+      <Link href="/new-record" asChild onPress={Haptics.selectionAsync}>
         <Button size="icon" className="h-11 w-11">
           <PlusIcon className="size-6 text-primary-foreground" />
         </Button>
diff --git a/apps/mobile/components/numeric-pad/numeric-pad.tsx b/apps/mobile/components/numeric-pad/numeric-pad.tsx
index eee60192..65447b4c 100644
--- a/apps/mobile/components/numeric-pad/numeric-pad.tsx
+++ b/apps/mobile/components/numeric-pad/numeric-pad.tsx
@@ -1,8 +1,10 @@
 import { cn } from '@/lib/utils'
+import * as Haptics from 'expo-haptics'
 import { DeleteIcon } from 'lucide-react-native'
 import { View } from 'react-native'
 import Animated from 'react-native-reanimated'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
+
 import { Button } from '../ui/button'
 import { Text } from '../ui/text'
 
@@ -38,15 +40,19 @@ export function NumericPad({
       return
     }
 
+    Haptics.selectionAsync()
+
     onValueChange?.(newValue)
   }
 
   function handleDelete() {
+    Haptics.selectionAsync()
     const newValue = Math.floor(value / 10)
     onValueChange?.(newValue)
   }
 
   function handleClear() {
+    Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success)
     onValueChange?.(0)
   }
 
diff --git a/apps/mobile/components/transaction/select-account-field.tsx b/apps/mobile/components/transaction/select-account-field.tsx
index 1a3c51ba..414b95c5 100644
--- a/apps/mobile/components/transaction/select-account-field.tsx
+++ b/apps/mobile/components/transaction/select-account-field.tsx
@@ -8,11 +8,13 @@ import {
 } from '@gorhom/bottom-sheet'
 import { t } from '@lingui/macro'
 import { useLingui } from '@lingui/react'
+import * as Haptics from 'expo-haptics'
 import { useRef } from 'react'
 import { useController } from 'react-hook-form'
 import { Keyboard } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 import { FullWindowOverlay } from 'react-native-screens'
+
 import GenericIcon from '../common/generic-icon'
 import { Button } from '../ui/button'
 import { Text } from '../ui/text'
@@ -42,6 +44,7 @@ export function SelectAccountField({
         className="border border-border !px-3 max-w-[160px]"
         disabled={isLoading}
         onPress={() => {
+          Haptics.selectionAsync()
           Keyboard.dismiss()
           sheetRef.current?.present()
         }}
@@ -97,6 +100,7 @@ export function SelectAccountField({
               className="h-20 flex-1 flex gap-2 px-2 flex-col flex-grow"
               variant={value === item ? 'secondary' : 'ghost'}
               onPress={async () => {
+                Haptics.selectionAsync()
                 sheetRef.current?.close()
                 await sleep(500)
                 onChange(item.id)
diff --git a/apps/mobile/components/transaction/select-category-field.tsx b/apps/mobile/components/transaction/select-category-field.tsx
index b63dafd6..3c50c079 100644
--- a/apps/mobile/components/transaction/select-category-field.tsx
+++ b/apps/mobile/components/transaction/select-category-field.tsx
@@ -8,9 +8,11 @@ import {
 } from '@gorhom/bottom-sheet'
 import { t } from '@lingui/macro'
 import { useLingui } from '@lingui/react'
+import * as Haptics from 'expo-haptics'
 import { useRef } from 'react'
 import { useController } from 'react-hook-form'
 import { FlatList, Keyboard, View } from 'react-native'
+
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 import { FullWindowOverlay } from 'react-native-screens'
 import GenericIcon from '../common/generic-icon'
@@ -52,6 +54,7 @@ export function SelectCategoryField({
         className="border border-border !px-3 max-w-[160px]"
         disabled={isLoading}
         onPress={() => {
+          Haptics.selectionAsync()
           Keyboard.dismiss()
           sheetRef.current?.present()
         }}
@@ -112,6 +115,7 @@ export function SelectCategoryField({
                       className="h-20 flex flex-1 w-full gap-2 px-2 flex-col flex-grow"
                       variant={value === item ? 'secondary' : 'ghost'}
                       onPress={async () => {
+                        Haptics.selectionAsync()
                         sheetRef.current?.close()
                         await sleep(500)
                         onChange(item.id)
diff --git a/apps/mobile/components/transaction/select-date-field.tsx b/apps/mobile/components/transaction/select-date-field.tsx
index 31ebd666..197c44d6 100644
--- a/apps/mobile/components/transaction/select-date-field.tsx
+++ b/apps/mobile/components/transaction/select-date-field.tsx
@@ -8,10 +8,11 @@ import {
 import { t } from '@lingui/macro'
 import { useLingui } from '@lingui/react'
 import DateTimePicker from '@react-native-community/datetimepicker'
+import * as Haptics from 'expo-haptics'
 import { Calendar } from 'lucide-react-native'
 import { useRef, useState } from 'react'
 import { useController } from 'react-hook-form'
-import { View } from 'react-native'
+import { Keyboard, View } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 import { FullWindowOverlay } from 'react-native-screens'
 import { Button } from '../ui/button'
@@ -40,6 +41,7 @@ function SpinnerDatePicker({
       <Button
         className="mx-6"
         onPress={() => {
+          Haptics.selectionAsync()
           onChange(date)
         }}
       >
@@ -66,6 +68,8 @@ export function SelectDateField({
         variant="outline"
         className="!px-3"
         onPress={() => {
+          Haptics.selectionAsync()
+          Keyboard.dismiss()
           sheetRef.current?.present()
         }}
       >
diff --git a/apps/mobile/package.json b/apps/mobile/package.json
index cc5f3419..dfb0e2dc 100644
--- a/apps/mobile/package.json
+++ b/apps/mobile/package.json
@@ -45,6 +45,7 @@
     "expo-constants": "~16.0.2",
     "expo-crypto": "~13.0.2",
     "expo-font": "~12.0.7",
+    "expo-haptics": "~13.0.1",
     "expo-linear-gradient": "~13.0.2",
     "expo-linking": "~6.3.1",
     "expo-localization": "^15.0.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 82fd5b68..3698c392 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -183,6 +183,9 @@ importers:
       expo-font:
         specifier: ~12.0.7
         version: 12.0.7(expo@51.0.14(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7)))
+      expo-haptics:
+        specifier: ~13.0.1
+        version: 13.0.1(expo@51.0.14(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7)))
       expo-linear-gradient:
         specifier: ~13.0.2
         version: 13.0.2(expo@51.0.14(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7)))
@@ -194,7 +197,7 @@ importers:
         version: 15.0.3(expo@51.0.14(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7)))
       expo-router:
         specifier: ~3.5.15
-        version: 3.5.16(4mulymdxn7fmzuvb6n5wc7wvuq)
+        version: 3.5.16(expo-constants@16.0.2(expo@51.0.14(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))))(expo-linking@6.3.1(expo@51.0.14(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))))(expo-modules-autolinking@1.11.1)(expo-status-bar@1.12.1)(expo@51.0.14(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7)))(react-native-reanimated@3.10.1(@babel/core@7.24.7)(react-native@0.74.2(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))(@types/react@18.2.79)(react@18.3.1))(react@18.3.1))(react-native-safe-area-context@4.10.1(react-native@0.74.2(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))(@types/react@18.2.79)(react@18.3.1))(react@18.3.1))(react-native-screens@3.31.1(react-native@0.74.2(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))(@types/react@18.2.79)(react@18.3.1))(react@18.3.1))(react-native@0.74.2(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))(@types/react@18.2.79)(react@18.3.1))(react@18.3.1)(typescript@5.3.3)
       expo-secure-store:
         specifier: ^13.0.1
         version: 13.0.1(expo@51.0.14(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7)))
@@ -1077,7 +1080,7 @@ packages:
   '@backpackapp-io/react-native-toast@0.11.0':
     resolution: {integrity: sha512-ZRVYQPK6QOvt6vP1bF0I5oBpN5pnssdrX1JLV+KHPyxXWSNNvl1oo0qdJ5uzM7zj2TxMMUBPIsMofFeLA8E/dw==}
     peerDependencies:
-      react: '*'
+      react: 18.2.0
       react-native: '*'
       react-native-gesture-handler: '>=2.2.1'
       react-native-reanimated: '>=2.8.0'
@@ -1515,7 +1518,7 @@ packages:
     peerDependencies:
       '@types/react': '*'
       '@types/react-native': '*'
-      react: '*'
+      react: 18.2.0
       react-native: '*'
       react-native-gesture-handler: '>=1.10.1'
       react-native-reanimated: '>=2.2.0'
@@ -2155,7 +2158,7 @@ packages:
     resolution: {integrity: sha512-plhc8UvCZs0UkV+sI+3bisIyn78wz9O/BiWZXpounu72k/R/Sj5PuZYFJ1fi6psvriUveMCGh4LeZckAZu2qiQ==}
     peerDependencies:
       '@react-navigation/native': ^6.0.0
-      react: '*'
+      react: 18.2.0
       react-native: '*'
       react-native-safe-area-context: '>= 3.0.0'
 
@@ -2171,7 +2174,7 @@ packages:
   '@react-navigation/native@6.1.17':
     resolution: {integrity: sha512-mer3OvfwWOHoUSMJyLa4vnBH3zpFmCwuzrBPlw7feXklurr/ZDiLjLxUScOot6jLRMz/67GyilEYMmP99LL0RQ==}
     peerDependencies:
-      react: '*'
+      react: 18.2.0
       react-native: '*'
 
   '@react-navigation/routers@6.1.9':
@@ -3406,6 +3409,11 @@ packages:
     peerDependencies:
       expo: '*'
 
+  expo-haptics@13.0.1:
+    resolution: {integrity: sha512-qG0EOLDE4bROVT3DtUSyV9g3iB3YFu9j3711X7SNNEnBDXc+2/p3wGDPTnJvPW0ao6HG3/McAOrBQA5hVSdWng==}
+    peerDependencies:
+      expo: '*'
+
   expo-keep-awake@13.0.2:
     resolution: {integrity: sha512-kKiwkVg/bY0AJ5q1Pxnm/GvpeB6hbNJhcFsoOWDh2NlpibhCLaHL826KHUM+WsnJRbVRxJ+K9vbPRHEMvFpVyw==}
     peerDependencies:
@@ -10536,6 +10544,10 @@ snapshots:
       expo: 51.0.14(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))
       fontfaceobserver: 2.3.0
 
+  expo-haptics@13.0.1(expo@51.0.14(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))):
+    dependencies:
+      expo: 51.0.14(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))
+
   expo-keep-awake@13.0.2(expo@51.0.14(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))):
     dependencies:
       expo: 51.0.14(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))
@@ -10569,8 +10581,8 @@ snapshots:
     dependencies:
       invariant: 2.2.4
 
-  expo-router@3.5.16(4mulymdxn7fmzuvb6n5wc7wvuq):
-    dependencies:
+  ? expo-router@3.5.16(expo-constants@16.0.2(expo@51.0.14(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))))(expo-linking@6.3.1(expo@51.0.14(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))))(expo-modules-autolinking@1.11.1)(expo-status-bar@1.12.1)(expo@51.0.14(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7)))(react-native-reanimated@3.10.1(@babel/core@7.24.7)(react-native@0.74.2(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))(@types/react@18.2.79)(react@18.3.1))(react@18.3.1))(react-native-safe-area-context@4.10.1(react-native@0.74.2(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))(@types/react@18.2.79)(react@18.3.1))(react@18.3.1))(react-native-screens@3.31.1(react-native@0.74.2(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))(@types/react@18.2.79)(react@18.3.1))(react@18.3.1))(react-native@0.74.2(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))(@types/react@18.2.79)(react@18.3.1))(react@18.3.1)(typescript@5.3.3)
+  : dependencies:
       '@expo/metro-runtime': 3.2.1(react-native@0.74.2(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))(@types/react@18.2.79)(react@18.3.1))
       '@expo/server': 0.4.3(typescript@5.3.3)
       '@radix-ui/react-slot': 1.0.1(react@18.3.1)