diff --git a/pages-sections/product/product_details.js b/pages-sections/product/product_details.js
index 7011316..3a6ab45 100644
--- a/pages-sections/product/product_details.js
+++ b/pages-sections/product/product_details.js
@@ -86,29 +86,11 @@ const DataProduct = function ({ backend, detailproduct, ...props })  {
                   tabContent: (
                     <div>
                     <GridContainer justify="center" style={{padding:"40px", marginTop:"-30px"}}>
-                      <Grid fluid xs={5}> 
-                        <div className={classes.section} id="notifications">
-                          <img className={navImageClasses} width="50px" alt="First slide" src={`${backend}${data.img[0]["url"]}`} />
+                      <GridItem className={classes.marginAuto}>
+                      <div align="justify">
+                          {ReactHtmlParser(data.overview)}
                         </div>
-                      </Grid>
-                      <Grid xs={7} style={{padding:"40px", marginTop:"-30px"}}>
-                        <div align="justify">
-                          <p>{ReactHtmlParser(data.description)}</p>
-                        </div>
-                      </Grid>
-                    </GridContainer>
-                    <hr></hr>
-                    <GridContainer justify="center" style={{padding:"40px", marginTop:"-30px"}}>
-                      <Grid fluid xs={5}> 
-                        <div className={classes.section} id="notifications">
-                          <img className={navImageClasses} width="50px" alt="First slide" src={`${backend}${data.img[0]["url"]}`} />
-                        </div>
-                      </Grid>
-                      <Grid xs={7} style={{padding:"40px", marginTop:"-30px"}}>
-                        <div align="justify">
-                          <p>{ReactHtmlParser(data.description)}</p>
-                        </div>
-                      </Grid>
+                      </GridItem>
                     </GridContainer>
                     </div>
                   ),
@@ -118,7 +100,7 @@ const DataProduct = function ({ backend, detailproduct, ...props })  {
                   tabIcon: Dashboard,
                   tabContent: (
                     <GridContainer justify="center" style={{padding:"40px", marginTop:"-30px"}}>
-                      <GridItem>
+                      <GridItem className={classes.marginAuto}>
                         <div align="justify">
                           {ReactHtmlParser(data.specification)}
                         </div>
@@ -131,7 +113,7 @@ const DataProduct = function ({ backend, detailproduct, ...props })  {
                   tabIcon: Dashboard,
                   tabContent: (
                     <GridContainer justify="center" style={{padding:"40px", marginTop:"-30px"}}>
-                      <GridItem>
+                      <GridItem className={classes.marginAuto}>
                         <div align="justify">
                           {ReactHtmlParser(data.description)}
                         </div>
@@ -144,7 +126,7 @@ const DataProduct = function ({ backend, detailproduct, ...props })  {
                   tabIcon: Dashboard,
                   tabContent: (
                     <GridContainer justify="center" style={{padding:"40px", marginTop:"-30px"}}>
-                      <GridItem>
+                      <GridItem className={classes.marginAuto}>
                         <img className={navImageClasses} width="300px" height="400px" alt="First slide" src={`${backend}${data.img[0]["url"]}`} />
                       </GridItem>
                     </GridContainer>