From bea68dad8f6233087fa15c7093ff2b29ab606fc6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Sun, 14 Apr 2024 07:13:51 +0400
Subject: [PATCH] Fix exlicit icon display

---
 components/teks/teks.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/components/teks/teks.js b/components/teks/teks.js
index 1d9e755..ac01ab6 100644
--- a/components/teks/teks.js
+++ b/components/teks/teks.js
@@ -149,9 +149,11 @@ export default function Teks({parole}) {
               return <span key={value} className={classes.separation}>{value}</span>
             })}
           </Typography>
-          <Typography variant='h5' component='div'>
-            {parole.titre} <small>({parole?.annee})</small>
-            {parole.explicite && (
+          <Box display='flex' justifyContent='center' alignItems='center'>
+            <Typography variant='h5' component='div'>
+              {parole.titre} <small>({parole?.annee})</small>
+            </Typography>
+            {parole.explicitLyrics && (
               <ExplicitTooltip
                 title='Explicit Lyrics'
                 placement='bottom'
@@ -159,10 +161,10 @@ export default function Teks({parole}) {
                   tooltip: classes.tooltip
                 }}
               >
-                <ExplicitIcon style={{marginLeft: 10}} color='secondary' />
+                <ExplicitIcon style={{marginLeft: 10}} color='error' />
               </ExplicitTooltip>
             )}
-          </Typography>
+          </Box>
         </Typography>
 
         {parole?.user?.data && (