diff --git a/src/app/configs/navigationConfig.ts b/src/app/configs/navigationConfig.ts
index 807e9ab..cf18332 100644
--- a/src/app/configs/navigationConfig.ts
+++ b/src/app/configs/navigationConfig.ts
@@ -14,14 +14,6 @@ i18next.addResourceBundle('es', 'navigation', es);
  * The navigationConfig object is an array of navigation items for the Fuse application.
  */
 const navigationConfig: FuseNavItemType[] = [
-	{
-		id: 'example-component',
-		title: 'Example',
-		translate: 'EXAMPLE',
-		type: 'item',
-		icon: 'heroicons-outline:star',
-		url: 'example'
-	},
 	{
 		id: 'dashboard-component',
 		title: 'Dashboard',
diff --git a/src/app/configs/routesConfig.tsx b/src/app/configs/routesConfig.tsx
index fd82ac4..661e591 100644
--- a/src/app/configs/routesConfig.tsx
+++ b/src/app/configs/routesConfig.tsx
@@ -7,12 +7,18 @@ import SignInConfig from '../main/sign-in/SignInConfig';
 import SignUpConfig from '../main/sign-up/SignUpConfig';
 import SignOutConfig from '../main/sign-out/SignOutConfig';
 import Error404Page from '../main/404/Error404Page';
-import ExampleConfig from '../main/example/ExampleConfig';
 import ProjectDashboardAppConfig from '../main/dashboard/project/ProjectDashboardAppConfig';
-import ProductoConfigs from '../main/producto/ProductoConfig'
+import ProductoConfigs from '../main/producto/ProductoConfig';
 import InvoiceConfigs from '../main/invoice/InvoiceConfig';
 
-const routeConfigs: FuseRouteConfigsType = [ExampleConfig, SignOutConfig, SignInConfig, SignUpConfig, ProjectDashboardAppConfig, ...ProductoConfigs, ...InvoiceConfigs];
+const routeConfigs: FuseRouteConfigsType = [
+	SignOutConfig,
+	SignInConfig,
+	SignUpConfig,
+	ProjectDashboardAppConfig,
+	...ProductoConfigs,
+	...InvoiceConfigs
+];
 
 /**
  * The routes of the application.
@@ -21,7 +27,7 @@ const routes: FuseRoutesType = [
 	...FuseUtils.generateRoutesFromConfigs(routeConfigs, settingsConfig.defaultAuth),
 	{
 		path: '/',
-		element: <Navigate to="/example" />,
+		element: <Navigate to="/dashboards/project" />,
 		auth: settingsConfig.defaultAuth
 	},
 	{
diff --git a/src/app/main/404/Error404Page.tsx b/src/app/main/404/Error404Page.tsx
index 2ae1ca5..2b8e066 100644
--- a/src/app/main/404/Error404Page.tsx
+++ b/src/app/main/404/Error404Page.tsx
@@ -16,8 +16,8 @@ function Error404Page() {
 				>
 					<Box
 						component="svg"
-						width="100%"
-						height="100%"
+						width="80%"
+						height="80%"
 						viewBox="0 0 1075 585"
 						fill="none"
 						preserveAspectRatio="xMidYMax slice"
@@ -243,7 +243,7 @@ function Error404Page() {
 						color="text.secondary"
 						className="mt-8 text-center text-lg font-medium tracking-tight md:text-xl"
 					>
-						The page you requested could not be found.
+						La página a la que se quiere acceder no existe.
 					</Typography>
 				</motion.div>
 				<Link
diff --git a/src/app/main/invoice/generateInvoice/components/dataClient/DataClientRender.tsx b/src/app/main/invoice/generateInvoice/components/dataClient/DataClientRender.tsx
index a420933..bbb849c 100644
--- a/src/app/main/invoice/generateInvoice/components/dataClient/DataClientRender.tsx
+++ b/src/app/main/invoice/generateInvoice/components/dataClient/DataClientRender.tsx
@@ -1,111 +1,163 @@
-import { useState } from "react";
-import FuseSvgIcon from "@fuse/core/FuseSvgIcon";
-import {
-  Autocomplete,
-  Box,
-  Divider,
-  Grid,
-  TextField,
-  Typography,
-  Button,
-} from "@mui/material";
-import AddClient from "./components/addClient/AddClient";
-import { Client } from "./DataClientInterfaz";
+import { useState } from 'react';
+import FuseSvgIcon from '@fuse/core/FuseSvgIcon';
+import { Autocomplete, Box, Divider, Grid, TextField, Typography, Button } from '@mui/material';
+import AddClient from './components/addClient/AddClient';
+import { Client } from './DataClientInterfaz';
 
 interface Props {
-  client: Client[];
-  handleSelectClient: (value: Client) => void;
-  selectClient: Client;
+	client: Client[];
+	handleSelectClient: (value: Client) => void;
+	selectClient: Client;
 }
 function DataClientRender({ client, handleSelectClient, selectClient }: Props) {
-  const [openDialog, setOpenDialog] = useState<boolean>(false);
-  return (
-    <Box className="mt-10  p-20 shadow-2 rounded-8">
-      <AddClient open={openDialog} setOpen={setOpenDialog} handleSelectClient={handleSelectClient}/>
-      <Grid container spacing={2}>
-        <Grid item xs={12} md={10}>
-          <Typography component="h3" className="mb-7 text-16">
-            Datos cliente
-          </Typography>
-        </Grid>
-        <Grid item xs={12} md={2} className="flex justify-end">
-          <Button
-            color="primary"
-            variant="outlined"
-            className="rounded-6"
-            size="small"
-            onClick={() => setOpenDialog(true)}
-            startIcon={
-              <FuseSvgIcon className="text-48" size={24} color="action">
-                heroicons-outline:plus
-              </FuseSvgIcon>
-            }
-          >
-            Agregar{" "}
-          </Button>
-        </Grid>
-        <Grid item xs={12}>
-          <Divider className="border-1 mb-10" />
-        </Grid>
-        <Grid item xs={12} md={12}>
-          <Autocomplete
-            className="mt-8 mb-16"
-            options={client}
-            getOptionLabel={(option) => option.razonSocial}
-            noOptionsText="No se encontro un resultado"
-            size="small"
-            value={selectClient}
-            onChange={(event, newValue) => {
-              handleSelectClient(newValue);
-            }}
-            renderInput={(params) => (
-              <TextField
-                {...params}
-                placeholder="Busque el cliente"
-                label="Cliente"
-                variant="outlined"
-                InputLabelProps={{
-                  shrink: true,
-                }}
-              />
-            )}
-          />
-        </Grid>
-        <Grid item md={12}>
-          <Divider />
-        </Grid>
-        {selectClient ? (
-          <>
-            <Grid item md={4} xs={12}>
-              <b>Razón Social:</b> {selectClient.razonSocial}
-            </Grid>
-            <Grid item md={4} xs={12}>
-              <b>Nombre Comercial:</b> {selectClient.nombreComercial}
-            </Grid>
-            <Grid item md={4} xs={12}>
-              <b>Ruc:</b> {selectClient.identificacion}
-            </Grid>
+	const [openDialog, setOpenDialog] = useState<boolean>(false);
+	return (
+		<Box className="mt-10  p-20 shadow-2 rounded-8">
+			<AddClient
+				open={openDialog}
+				setOpen={setOpenDialog}
+				handleSelectClient={handleSelectClient}
+			/>
+			<Grid
+				container
+				spacing={2}
+			>
+				<Grid
+					item
+					xs={12}
+					md={10}
+				>
+					<Typography
+						component="h3"
+						className="mb-7 text-16"
+					>
+						Datos cliente
+					</Typography>
+				</Grid>
+				<Grid
+					item
+					xs={12}
+					md={2}
+					className="flex justify-end"
+				>
+					<Button
+						color="primary"
+						variant="outlined"
+						className="rounded-6"
+						size="small"
+						onClick={() => setOpenDialog(true)}
+						startIcon={
+							<FuseSvgIcon
+								className="text-48"
+								size={24}
+								color="action"
+							>
+								heroicons-outline:plus
+							</FuseSvgIcon>
+						}
+					>
+						Agregar{' '}
+					</Button>
+				</Grid>
+				<Grid
+					item
+					xs={12}
+				>
+					<Divider className="border-1 mb-10" />
+				</Grid>
+				<Grid
+					item
+					xs={12}
+					md={12}
+				>
+					<Autocomplete
+						className="mt-8 mb-16"
+						options={client}
+						getOptionLabel={(option) => option.razonSocial}
+						noOptionsText="No se encontro un resultado"
+						size="small"
+						value={selectClient}
+						onChange={(event, newValue) => {
+							handleSelectClient(newValue);
+						}}
+						renderInput={(params) => (
+							<TextField
+								{...params}
+								placeholder="Busque el cliente"
+								label="Cliente"
+								variant="outlined"
+								InputLabelProps={{
+									shrink: true
+								}}
+							/>
+						)}
+					/>
+				</Grid>
+				<Grid
+					item
+					md={12}
+				>
+					<Divider />
+				</Grid>
+				{selectClient ? (
+					<>
+						<Grid
+							item
+							md={4}
+							xs={12}
+						>
+							<b>Razón Social:</b> {selectClient.razonSocial}
+						</Grid>
+						<Grid
+							item
+							md={4}
+							xs={12}
+						>
+							<b>Nombre Comercial:</b> {selectClient.nombreComercial}
+						</Grid>
+						<Grid
+							item
+							md={4}
+							xs={12}
+						>
+							<b>Ruc:</b> {selectClient.identificacion}
+						</Grid>
 
-            <Grid item md={4} xs={12}>
-              <b>Dirección:</b> {selectClient.direccion}
-            </Grid>
-            <Grid item md={4} xs={12}>
-              <b>Teléfono:</b> {selectClient.telefono}
-            </Grid>
-            <Grid item md={4} xs={12}>
-              <b>Correo:</b> {selectClient.correo}
-            </Grid>
-          </>
-        ) : (
-          <Box className="flex justify-center w-full mt-20">
-			<Typography variant="subtitle2" gutterBottom>
-				Seleccione o agrege el cliente
-			</Typography>
-		  </Box>
-        )}
-      </Grid>
-    </Box>
-  );
+						<Grid
+							item
+							md={4}
+							xs={12}
+						>
+							<b>Dirección:</b> {selectClient.direccion}
+						</Grid>
+						<Grid
+							item
+							md={4}
+							xs={12}
+						>
+							<b>Teléfono:</b> {selectClient.telefono}
+						</Grid>
+						<Grid
+							item
+							md={4}
+							xs={12}
+						>
+							<b>Correo:</b> {selectClient.correo}
+						</Grid>
+					</>
+				) : (
+					<Box className="flex justify-center w-full mt-20">
+						<Typography
+							variant="subtitle2"
+							gutterBottom
+						>
+							Seleccione o agrege el cliente
+						</Typography>
+					</Box>
+				)}
+			</Grid>
+		</Box>
+	);
 }
 
 export default DataClientRender;
diff --git a/src/app/main/invoice/listInvoice/ListInvoiceRender.tsx b/src/app/main/invoice/listInvoice/ListInvoiceRender.tsx
index 3a48051..5cd3b06 100644
--- a/src/app/main/invoice/listInvoice/ListInvoiceRender.tsx
+++ b/src/app/main/invoice/listInvoice/ListInvoiceRender.tsx
@@ -100,7 +100,7 @@ function ListInvoiceRender() {
 				</div>
 			}
 			content={
-				<Paper className="flex flex-col flex-auto p-24 shadow rounded-2 overflow-hidden mt-6">
+				<Paper className="flex flex-col flex-auto p-24 shadow rounded-2 overflow-hidden m-10">
 					<div className="flex md:flex-row justify-between flex-col">
 						<div>
 							<Typography className="mr-16 text-lg font-medium tracking-tight leading-6 truncate">