diff --git a/app/awtis/page.js b/app/awtis/page.js
index dd87169..01bc02e 100644
--- a/app/awtis/page.js
+++ b/app/awtis/page.js
@@ -1,7 +1,7 @@
 import {notFound} from 'next/navigation'
 import Box from '@mui/material/Box'
 import Container from '@mui/material/Container'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 
 import ChecheAwtis from '../../components/awtis/cheche-awtis'
 import AwtisKat from '../../components/awtis/awtis-kat'
diff --git a/app/theme-registy.js b/app/theme-registy.js
index 537bce3..70332c8 100644
--- a/app/theme-registy.js
+++ b/app/theme-registy.js
@@ -1,7 +1,8 @@
 'use client'
 
 import PropTypes from 'prop-types'
-import {experimental_extendTheme as extendTheme, Experimental_CssVarsProvider as CssVarsProvider, getInitColorSchemeScript} from '@mui/material/styles'
+import {extendTheme, ThemeProvider} from '@mui/material/styles'
+import InitColorSchemeScript from '@mui/material/InitColorSchemeScript'
 import CssBaseline from '@mui/material/CssBaseline'
 
 import {grey, green, yellow} from '@mui/material/colors'
@@ -65,14 +66,14 @@ export default function ThemeRegistry(props) {
 
   return (
     <>
-      {getInitColorSchemeScript()}
+      <InitColorSchemeScript />
       <PlausibleProvider domain='oki.re'>
         <NextAppDirEmotionCacheProvider options={{key: 'mui'}}>
-          <CssVarsProvider theme={theme}>
+          <ThemeProvider theme={theme}>
             <CssBaseline enableColorScheme />
             <ChanjeTem />
             {children}
-          </CssVarsProvider>
+          </ThemeProvider>
         </NextAppDirEmotionCacheProvider>
       </PlausibleProvider>
     </>
diff --git a/components/akey/index.js b/components/akey/index.js
index b1c8c56..286c65c 100644
--- a/components/akey/index.js
+++ b/components/akey/index.js
@@ -2,7 +2,7 @@ import PropTypes from 'prop-types'
 import Container from '@mui/material/Container'
 import Typography from '@mui/material/Typography'
 import Box from '@mui/material/Box'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import Button from '@mui/material/Button'
 import Image from 'next/image'
 import Link from 'next/link'
diff --git a/components/akey/kat-akey.js b/components/akey/kat-akey.js
index 85f2c9e..3f3202d 100644
--- a/components/akey/kat-akey.js
+++ b/components/akey/kat-akey.js
@@ -3,7 +3,7 @@
 import PropTypes from 'prop-types'
 import {useRouter} from 'next/navigation'
 import {useTheme} from '@mui/material/styles'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import Card from '@mui/material/Card'
 import CardActionArea from '@mui/material/CardActionArea'
 import CardContent from '@mui/material/CardContent'
diff --git a/components/akey/statistik.js b/components/akey/statistik.js
index d4102d6..8aef719 100644
--- a/components/akey/statistik.js
+++ b/components/akey/statistik.js
@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types'
 
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import KatAkey from './kat-akey'
 
 export default function Statistik({statistik}) {
diff --git a/components/awtis/awtis-detay.js b/components/awtis/awtis-detay.js
index 18e449a..15d9a84 100644
--- a/components/awtis/awtis-detay.js
+++ b/components/awtis/awtis-detay.js
@@ -11,7 +11,7 @@ import Button from '@mui/material/Button'
 import CardActionArea from '@mui/material/CardActionArea'
 import Chip from '@mui/material/Chip'
 import Container from '@mui/material/Container'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import Paper from '@mui/material/Paper'
 import Card from '@mui/material/Card'
 import CardContent from '@mui/material/CardContent'
diff --git a/components/awtis/awtis-kat.js b/components/awtis/awtis-kat.js
index 5335b84..a88f5bc 100644
--- a/components/awtis/awtis-kat.js
+++ b/components/awtis/awtis-kat.js
@@ -5,7 +5,7 @@ import {useRouter} from 'next/navigation'
 import PropTypes from 'prop-types'
 
 import CardActionArea from '@mui/material/CardActionArea'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import Card from '@mui/material/Card'
 import CardMedia from '@mui/material/CardMedia'
 import CardContent from '@mui/material/CardContent'
diff --git a/components/awtis/pajinasyon.js b/components/awtis/pajinasyon.js
index e635009..b3b9556 100644
--- a/components/awtis/pajinasyon.js
+++ b/components/awtis/pajinasyon.js
@@ -3,7 +3,7 @@
 import PropTypes from 'prop-types'
 import {useRouter} from 'next/navigation'
 import Pagination from '@mui/material/Pagination'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 
 export default function Pajinasyon({pajTotal, paj}) {
   const router = useRouter()
diff --git a/components/rezo/kat-rezo-nou.js b/components/rezo/kat-rezo-nou.js
index cc137d8..3cbd10e 100644
--- a/components/rezo/kat-rezo-nou.js
+++ b/components/rezo/kat-rezo-nou.js
@@ -4,7 +4,7 @@ import Card from '@mui/material/Card'
 import CardContent from '@mui/material/CardContent'
 import CardActionArea from '@mui/material/CardActionArea'
 import Divider from '@mui/material/Divider'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 
 import Typography from '@mui/material/Typography'
 import {CardMedia} from '@mui/material'
diff --git a/components/rezo/rezo-dialog.js b/components/rezo/rezo-dialog.js
index 7de46b8..20b42f5 100644
--- a/components/rezo/rezo-dialog.js
+++ b/components/rezo/rezo-dialog.js
@@ -7,7 +7,7 @@ import DialogTitle from '@mui/material/DialogTitle'
 import useMediaQuery from '@mui/material/useMediaQuery'
 import {useTheme} from '@mui/material/styles'
 import Box from '@mui/material/Box'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import IconButton from '@mui/material/IconButton'
 import CloseIcon from '@mui/icons-material/Close'
 import PublicIcon from '@mui/icons-material/Public'
diff --git a/components/sesyon/koneksyon.js b/components/sesyon/koneksyon.js
index 22ac9aa..d288860 100644
--- a/components/sesyon/koneksyon.js
+++ b/components/sesyon/koneksyon.js
@@ -15,7 +15,7 @@ import Snackbar from '@mui/material/Snackbar'
 import Tab from '@mui/material/Tab'
 import Tabs from '@mui/material/Tabs'
 import Typography from '@mui/material/Typography'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import Visibility from '@mui/icons-material/Visibility'
 import VisibilityOff from '@mui/icons-material/VisibilityOff'
 import MuiAlert from '@mui/material/Alert'
diff --git a/components/soumet/ekri-teks.js b/components/soumet/ekri-teks.js
index 7a88542..2fea779 100644
--- a/components/soumet/ekri-teks.js
+++ b/components/soumet/ekri-teks.js
@@ -8,7 +8,7 @@ import Button from '@mui/material/Button'
 import Container from '@mui/material/Container'
 import FormControl from '@mui/material/FormControl'
 import FormHelperText from '@mui/material/FormHelperText'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import IconButton from '@mui/material/IconButton'
 import InputAdornment from '@mui/material/InputAdornment'
 import InputLabel from '@mui/material/InputLabel'
diff --git a/components/soutyen/payment-method.js b/components/soutyen/payment-method.js
index 2cf31b5..3631417 100644
--- a/components/soutyen/payment-method.js
+++ b/components/soutyen/payment-method.js
@@ -6,7 +6,7 @@ import Button from '@mui/material/Button'
 
 import {Paypal, Liberapay} from '@icons-pack/react-simple-icons'
 
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import CardMethod from './card-method'
 
 const PAYPAL_ID = process.env.NEXT_PUBLIC_PAYPAL_DONATE_ID
diff --git a/components/stats/kat-stats.js b/components/stats/kat-stats.js
index 5fd09c6..72a2b2c 100644
--- a/components/stats/kat-stats.js
+++ b/components/stats/kat-stats.js
@@ -2,7 +2,7 @@ import PropTypes from 'prop-types'
 import Card from '@mui/material/Card'
 import CardContent from '@mui/material/CardContent'
 import Typography from '@mui/material/Typography'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 
 import TraductionsStats from './traductions-stats'
 
diff --git a/components/stats/traductions-stats.js b/components/stats/traductions-stats.js
index 007ff2d..22b4f77 100644
--- a/components/stats/traductions-stats.js
+++ b/components/stats/traductions-stats.js
@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types'
 import Typography from '@mui/material/Typography'
 import Box from '@mui/material/Box'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 
 import BarStats from './bar-stats'
 
diff --git a/components/teks/denye-teks.js b/components/teks/denye-teks.js
index fa35af3..cf8b5a7 100644
--- a/components/teks/denye-teks.js
+++ b/components/teks/denye-teks.js
@@ -2,7 +2,7 @@
 
 import PropTypes from 'prop-types'
 import Container from '@mui/material/Container'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import Typography from '@mui/material/Typography'
 
 import {styled} from '@mui/material/styles'
diff --git a/components/teks/teks-kat.js b/components/teks/teks-kat.js
index 53758f5..9d5a54c 100644
--- a/components/teks/teks-kat.js
+++ b/components/teks/teks-kat.js
@@ -12,7 +12,7 @@ import CardContent from '@mui/material/CardContent'
 import CardMedia from '@mui/material/CardMedia'
 import Typography from '@mui/material/Typography'
 import Box from '@mui/material/Box'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import ExplicitIcon from '@mui/icons-material/Explicit'
 import {styled} from '@mui/material/styles'
 
diff --git a/components/teks/teks.js b/components/teks/teks.js
index 6dc349e..5b4aee6 100644
--- a/components/teks/teks.js
+++ b/components/teks/teks.js
@@ -3,7 +3,7 @@
 import {useEffect} from 'react'
 import PropTypes from 'prop-types'
 import Box from '@mui/material/Box'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import Typography from '@mui/material/Typography'
 import Tooltip from '@mui/material/Tooltip'
 import {useMediaQuery} from '@mui/material'