diff --git a/components/kat-kay-la.js b/components/kat-kay-la.js
index ac9b91c..ce5aab0 100644
--- a/components/kat-kay-la.js
+++ b/components/kat-kay-la.js
@@ -29,12 +29,12 @@ export default function KatKayLa({tit, kantite, href, as}) {
       <Card className={classes.root} variant='outlined'>
         <CardActionArea onClick={() => router.push(href, as).then(() => window.scrollTo(0, 0))}>
           <CardContent>
-            <Typography style={{display: 'flex', justifyContent: 'center', alignItems: 'center'}} align='center' variant='h4' component='h1'>
-              {tit}
-            </Typography>
-            <Typography gutterBottom style={{fontWeight: 'bold'}} align='center' variant='h5' component='h2'>
+            <Typography gutterBottom style={{fontWeight: 'bold'}} align='center' variant='h4' component='h1'>
               {kantite}
             </Typography>
+            <Typography align='center' variant='h5' component='h2'>
+              {tit}
+            </Typography>
           </CardContent>
         </CardActionArea>
       </Card>