glass other page

src/app/[name]/(Profile)/profile/wallet/page.tsx

@@ -6,6 +6,7 @@ import { ef, ue } from '@/lib/helpers/utfNumbers';
 import { ArrowLeft, ArrowRight, WalletMinus } from 'iconsax-react';
 import { useRouter } from 'next/navigation';
 import React, { useState } from 'react'
+import { glassSurfaceCard } from '@/lib/styles/glassSurface';
 
 type Props = object
 
@@ -34,7 +35,7 @@ function UserWalletIndex({ }: Props) {
 
             <form
                 onSubmit={chargeAction}
-                className="mt-8 flex-1 h-full bg-container rounded-container w-full box-shadow-normal py-6 px-4 flex flex-col justify-between">
+                className={glassSurfaceCard('mt-8 flex-1 h-full w-full py-6 px-4 flex flex-col justify-between')}>
 
                 <div className="">
                     <div className="flex items-center justify-center text-center gap-4 pb-6 border-b-[1.5px] border-border">