diff --git a/src/view/screens/Storybook/Forms.tsx b/src/view/screens/Storybook/Forms.tsx
index 3c8de8db95..c3dad8decb 100644
--- a/src/view/screens/Storybook/Forms.tsx
+++ b/src/view/screens/Storybook/Forms.tsx
@@ -1,7 +1,6 @@
 import React from 'react'
 import {type TextInput, View} from 'react-native'
 
-import {getDefaultCountry} from '#/lib/international-telephone-codes'
 import {atoms as a} from '#/alf'
 import {Button, ButtonText} from '#/components/Button'
 import {DateField, LabelText} from '#/components/forms/DateField'
@@ -10,9 +9,7 @@ import * as TextField from '#/components/forms/TextField'
 import * as Toggle from '#/components/forms/Toggle'
 import * as ToggleButton from '#/components/forms/ToggleButton'
 import {Globe_Stroke2_Corner0_Rounded as Globe} from '#/components/icons/Globe'
-import {InternationalPhoneCodeSelect} from '#/components/InternationalPhoneCodeSelect'
 import {H1, H3} from '#/components/Typography'
-import {useGeolocation} from '#/geolocation'
 
 export function Forms() {
   const [toggleGroupAValues, setToggleGroupAValues] = React.useState(['a'])
@@ -26,11 +23,6 @@ export function Forms() {
   const [value, setValue] = React.useState('')
   const [date, setDate] = React.useState('2001-01-01')
 
-  const location = useGeolocation()
-  const [telCode, setTelCode] = React.useState(() =>
-    getDefaultCountry(location),
-  )
-
   const inputRef = React.useRef<TextInput>(null)
 
   return (
@@ -128,7 +120,8 @@ export function Forms() {
           />
         </View>
 
-        <H3>InternationalPhoneCodeSelect</H3>
+        {/* commented out so it's not in the web bundle */}
+        {/*<H3>InternationalPhoneCodeSelect</H3>
 
         <View style={[a.flex_row, a.gap_sm, a.align_center]}>
           <View>
@@ -140,7 +133,7 @@ export function Forms() {
           <View style={[a.flex_1]}>
             <TextField.Input label="Phone number" />
           </View>
-        </View>
+        </View>*/}
       </View>
 
       <View style={[a.gap_md, a.align_start, a.w_full]}>