glass other page

src/features/auth/components/StepEnterNumber.tsx

@@ -8,6 +8,7 @@ import Image from 'next/image'
 import React, { useState } from 'react'
 import type { ChangeEvent } from 'react'
 import { useTranslation } from 'react-i18next'
+import { glassSurfaceFlat } from '@/lib/styles/glassSurface'
 import { useFormik } from 'formik'
 import * as Yup from 'yup'
 import { useOtpRequest } from '@/app/auth/login/hooks/useAuthData'
@@ -115,7 +116,7 @@ function StepEnterNumber(_props: StepEnterNumberProps = {}) {
               inputMode='tel'
               autoComplete='tel'
               dir='ltr'
-              className='mt-10 w-full bg-container'
+              className={glassSurfaceFlat('mt-10 w-full')}
               inputClassName='text-left dltr'
               htmlFor={AUTH_PAGE_ELEMENT.INPUT_PHONE}
               labelText={t('Enter.LabelPhoneNumber')}