updated the minor change

src/components/atom/SelectField.tsx

@@ -46,7 +46,7 @@ export default function SelectField({
                 value={value}
                 onChange={onChange}
                 onBlur={onBlur}
-                className="w-full border text-[14px] border-gray-300 rounded-lg px-3 py-2 focus:border-primary outline-0"
+                className="w-full  border text-[14px] border-gray-300 rounded-lg px-3 py-2 focus:border-primary outline-0"
             >
                 <option value="">Select the Type of Game</option>
                 {options.map((option) => (

src/components/pages/dashboard/userDashboard/depositHistory/index.tsx

@@ -75,7 +75,7 @@ export default function DepositHistoryPage() {
           <select
             value={pageSize}
             onChange={(e) => setPageSize(Number(e.target.value))}
-            className="ml-2 border border-gray-300 rounded p-1"
+            className="ml-2 border bg-[#11011E] border-gray-300 rounded p-1"
           >
             {[5, 10, 15, 20].map((size) => (
               <option key={size} value={size}>

src/components/pages/dashboard/userDashboard/games/exclusiveGames/exclusiveGameDetail/UserCoin.tsx

@@ -7,6 +7,7 @@ import React from 'react'
 
 export default function UserCoin({ slug }: { slug: string }) {
     const { data } = useGetUserBalanceBySlugQuery({ slug });
+    console.log(data);
     return (
         <Box sx={{
             background: "linear-gradient(0deg, rgba(234, 47, 231, 0.10) 0%, rgba(234, 47, 231, 0.10) 100%)",
@@ -14,7 +15,7 @@ export default function UserCoin({ slug }: { slug: string }) {
         }} className="flex justify-center items-center gap-2 py-4 px-6 min-w-[30%] ">
             <SilverCoinIcon />
             <div className="coins">
-                <strong className="text-[16px] leading-4 font-[600] block mb-1">{data?.balance||0}</strong>
+                <strong className="text-[16px] leading-4 font-[600] block mb-1">{data?.balance || 0}</strong>
                 <span className="text-[12px]  block">Current Sweep Coins</span>
             </div>
         </Box>

src/components/pages/dashboard/userDashboard/withdrawlHistory/index.tsx

@@ -73,7 +73,7 @@ export default function WithdrawnHistoryPage() {
                     <select
                         value={pageSize}
                         onChange={(e) => setPageSize(Number(e.target.value))}
-                        className="ml-2 border border-gray-300 rounded p-1"
+                        className="ml-2 border border-gray-300 rounded p-1 bg-[#11011E]"
                     >
                         {[5, 10, 15, 20].map((size) => (
                             <option key={size} value={size}>

src/services/gameApi.ts

@@ -28,19 +28,22 @@ export const gameApi = createApi({
                 url: `/api/admin/game/${id}`,
                 method: 'GET',
             }),
+            providesTags: ['games']
         }),
         updateGameById: builder.mutation<SingleGameResponse, { id: string | number, body: FormData }>({
             query: ({ id, body }) => ({
                 url: `/api/admin/game/${id}`,
                 method: "POST",
                 body: body
-            })
+            }),
+            invalidatesTags: ["games"]
         }),
         deleteGameById: builder.mutation<GlobalResponse, { id: string | number }>({
             query: ({ id }) => ({
                 url: `/api/admin/game/${id}`,
                 method: "DELETE"
-            })
+            }),
+            invalidatesTags: ["games"]
         })
     })
 })