Fix exlicit icon display

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 && (