styles: cneter align section title

safe-global · Oct 29, 2024 · 53fa4e4 · 53fa4e4
1 parent d7edd07
commit 53fa4e4
Showing 1 changed file with 16 additions and 16 deletions.
diff --git a/src/components/Home/TitleSlidingIcons/index.tsx b/src/components/Home/TitleSlidingIcons/index.tsx
@@ -1,21 +1,21 @@
 import { type BaseBlock } from '@/components/Home/types'
-import { Box, Typography } from '@mui/material'
+import { Typography } from '@mui/material'
 import IconCarouselElement, { type Carousel } from './IconCarouselElement'
 
-const TitleSlidingIcons = ({ title, text, icons, reverse = false }: BaseBlock & Carousel) => {
-  return (
-    <>
-      <Box display="flex" flexDirection="column" alignItems="center" justifyContent="center">
-        <Typography variant="h3">{title}</Typography>
-        {text && (
-          <Typography color="primary.light" marginTop={4}>
-            {text}
-          </Typography>
-        )}
-      </Box>
-      <IconCarouselElement icons={icons} reverse={reverse} />
-    </>
-  )
-}
+const TitleSlidingIcons = ({ title, text, icons, reverse = false }: BaseBlock & Carousel) => (
+  <>
+    <Typography variant="h3" textAlign="center">
+      {title}
+    </Typography>
+
+    {text && (
+      <Typography color="primary.light" textAlign="center" marginTop={4}>
+        {text}
+      </Typography>
+    )}
+
+    <IconCarouselElement icons={icons} reverse={reverse} />
+  </>
+)
 
 export default TitleSlidingIcons