diff --git a/web/src/pages/Patterns/details/pattern-details.tsx b/web/src/pages/Patterns/details/pattern-details.tsx
index 70bc9ecd1f14a242c4f1916e932914d4156452b5..00736897444e96d10da6589ed37622bc86b0c0a2 100644
--- a/web/src/pages/Patterns/details/pattern-details.tsx
+++ b/web/src/pages/Patterns/details/pattern-details.tsx
@@ -16,15 +16,15 @@ export const PatternDetails: React.FC = () => {
     <VStack w="full" px="4" aria-label="hey" alignItems="flex-start">
       <Heading as="h2">{pattern.title}</Heading>
       <Text>{pattern.description}</Text>
-      <VStack w="full" justifyContent="center" spacing="2">
+      <VStack w="full" justifyContent="center" spacing="8">
         <VStack alignItems="flex-start">
-          <Text pl="8" mb="-4" fontWeight="bold">
+          <Text pl="8" fontWeight="bold">
             Implementaciones
           </Text>
           <Implementations patternId={pattern.id} />
         </VStack>
         <VStack alignItems="flex-start">
-          <Text pl="8" mb="-4" fontWeight="bold">
+          <Text pl="8" fontWeight="bold">
             Animaciones
           </Text>
           <Animations patternId={pattern.id} />
diff --git a/web/src/pages/Patterns/patterns.spec.tsx b/web/src/pages/Patterns/patterns.spec.tsx
index 8f872b8780aaf7230a13d78ec4c883288c676a24..06eb91f5b46adb377a54bb6e823df8bfcb90dfea 100644
--- a/web/src/pages/Patterns/patterns.spec.tsx
+++ b/web/src/pages/Patterns/patterns.spec.tsx
@@ -1,12 +1,25 @@
 import * as RTL from '@redwoodjs/testing/web'
-
-import { Patterns } from '.'
+import { Patterns } from './patterns'
 
 describe('Patterns page', () => {
-  it('renders successfully', () => {
+  it('renders successfully', async () => {
     RTL.render(<Patterns />)
 
     RTL.screen.getByText('Patrones')
-    RTL.screen.getByText(/contenido de patrones/i)
+    // columns
+    RTL.screen.getByText(/titulo/i)
+    RTL.screen.getByText(/descripcion/i)
+    RTL.screen.getByText(/#implementaciones/i)
+
+    // rows
+    RTL.screen.getByText('API Gateway')
+    RTL.screen.getByText(/el patrón de gateway api/i)
+    RTL.screen.getByText('Orquestación de Microservicios')
+    RTL.screen.getByText(/este patrón implica la coordinación/i)
+    RTL.screen.getByText('Service Discovery')
+    RTL.screen.getByText(/en una arquitectura de microservicios/i)
+
+    // caption
+    RTL.screen.getByText('Patrones disponibles')
   })
 })
diff --git a/web/src/pages/Patterns/patterns.stories.tsx b/web/src/pages/Patterns/patterns.stories.tsx
index 5c680d55bf259d809aac65926587563904269b59..06f19416feef430d1d45cfb4b16ad149c22aee17 100644
--- a/web/src/pages/Patterns/patterns.stories.tsx
+++ b/web/src/pages/Patterns/patterns.stories.tsx
@@ -1,6 +1,5 @@
 import type { StoryObj } from '@storybook/react'
-
-import { Patterns } from '.'
+import { Patterns } from './patterns'
 
 export default {
   component: Patterns,
diff --git a/web/src/pages/Patterns/patterns.tsx b/web/src/pages/Patterns/patterns.tsx
index 01c70ca8326bfd9c1691921ec28ab75ae826c021..8b490a1f31ffce14d28e3a6cd2de043cfac94134 100644
--- a/web/src/pages/Patterns/patterns.tsx
+++ b/web/src/pages/Patterns/patterns.tsx
@@ -43,9 +43,11 @@ export const Patterns = () => {
           <Tbody>
             {patterns.map((pattern, index) => (
               <Tr key={`pattern-${pattern.title}-${index}`}>
-                <Link to={routes.pattern({ id: pattern.id })}>
-                  <Td>{pattern.title}</Td>
-                </Link>
+                <Td>
+                  <Link to={routes.pattern({ id: pattern.id })}>
+                    {pattern.title}
+                  </Link>
+                </Td>
                 <Td>
                   <Tooltip label={pattern.description} hasArrow>
                     <Text isTruncated maxW="sm">
diff --git a/web/src/pages/home/home.spec.tsx b/web/src/pages/home/home.spec.tsx
index 6870e7566d182963471116573d2c57a7dab39368..0aa6f7f9434c08f837e7b80d4be9a9650d09b869 100644
--- a/web/src/pages/home/home.spec.tsx
+++ b/web/src/pages/home/home.spec.tsx
@@ -6,9 +6,9 @@ describe('Home page', () => {
   it('renders successfully', () => {
     RTL.render(<Home />)
 
-    RTL.screen.getByText(/welcome to my app/i)
+    RTL.screen.getByText(/Testing de Microservicios/i)
     RTL.screen.getByText(
-      /This is a simple example of how to add content to your app./i
+      /En este lugar se describe lo que hace la aplicacion, el objetivo del proyect, etc.../i
     )
   })
 })