diff --git a/app/src/atoms/SoftwareKeyboard/AlphanumericKeyboard/index.tsx b/app/src/atoms/SoftwareKeyboard/AlphanumericKeyboard/index.tsx
index 5698e49f1e6..dccad085c08 100644
--- a/app/src/atoms/SoftwareKeyboard/AlphanumericKeyboard/index.tsx
+++ b/app/src/atoms/SoftwareKeyboard/AlphanumericKeyboard/index.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react'
 import Keyboard from 'react-simple-keyboard'
 import { alphanumericKeyboardLayout, customDisplay } from '../constants'
+import type { KeyboardReactInterface } from 'react-simple-keyboard'
 
 import '../index.css'
 import './index.css'
@@ -8,7 +9,7 @@ import './index.css'
 // TODO (kk:04/05/2024) add debug to make debugging easy
 interface AlphanumericKeyboardProps {
   onChange: (input: string) => void
-  keyboardRef: React.MutableRefObject<any>
+  keyboardRef: React.MutableRefObject<KeyboardReactInterface | null>
   debug?: boolean
 }
 
diff --git a/app/src/atoms/SoftwareKeyboard/FullKeyboard/index.tsx b/app/src/atoms/SoftwareKeyboard/FullKeyboard/index.tsx
index 69c5c748d3a..663efdd9c24 100644
--- a/app/src/atoms/SoftwareKeyboard/FullKeyboard/index.tsx
+++ b/app/src/atoms/SoftwareKeyboard/FullKeyboard/index.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react'
 import { KeyboardReact as Keyboard } from 'react-simple-keyboard'
 import { customDisplay, fullKeyboardLayout } from '../constants'
+import type { KeyboardReactInterface } from 'react-simple-keyboard'
 
 import '../index.css'
 import './index.css'
@@ -8,7 +9,7 @@ import './index.css'
 // TODO (kk:04/05/2024) add debug to make debugging easy
 interface FullKeyboardProps {
   onChange: (input: string) => void
-  keyboardRef: React.MutableRefObject<any>
+  keyboardRef: React.MutableRefObject<KeyboardReactInterface | any>
   debug?: boolean
 }
 
diff --git a/app/src/atoms/SoftwareKeyboard/IndividualKey/index.tsx b/app/src/atoms/SoftwareKeyboard/IndividualKey/index.tsx
index 9ff8c278423..310008cddc8 100644
--- a/app/src/atoms/SoftwareKeyboard/IndividualKey/index.tsx
+++ b/app/src/atoms/SoftwareKeyboard/IndividualKey/index.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { KeyboardReact as Keyboard } from 'react-simple-keyboard'
-
+import type { KeyboardReactInterface } from 'react-simple-keyboard'
 import '../index.css'
 import './index.css'
 
@@ -11,7 +11,7 @@ const customDisplay = {
 // TODO (kk:04/05/2024) add debug to make debugging easy
 interface IndividualKeyProps {
   onChange: (input: string) => void
-  keyboardRef: React.MutableRefObject<null>
+  keyboardRef: React.MutableRefObject<KeyboardReactInterface | null>
   keyText: string
   debug?: boolean
 }
diff --git a/app/src/atoms/SoftwareKeyboard/NumericalKeyboard/index.tsx b/app/src/atoms/SoftwareKeyboard/NumericalKeyboard/index.tsx
index 9065bcce44f..8c41120d536 100644
--- a/app/src/atoms/SoftwareKeyboard/NumericalKeyboard/index.tsx
+++ b/app/src/atoms/SoftwareKeyboard/NumericalKeyboard/index.tsx
@@ -1,13 +1,15 @@
 import * as React from 'react'
 import { KeyboardReact as Keyboard } from 'react-simple-keyboard'
 import { numericalKeyboardLayout, numericalCustom } from '../constants'
+
+import type { KeyboardReactInterface } from 'react-simple-keyboard'
 import '../index.css'
 import './index.css'
 
 // Note (kk:04/05/2024) add debug to make debugging easy
 interface NumericalKeyboardProps {
   onChange: (input: string) => void
-  keyboardRef: React.MutableRefObject<null>
+  keyboardRef: React.MutableRefObject<KeyboardReactInterface | null>
   isDecimal?: boolean
   hasHyphen?: boolean
   debug?: boolean