diff --git a/webapp/package-lock.json b/webapp/package-lock.json
index 60c52312..4b142581 100644
--- a/webapp/package-lock.json
+++ b/webapp/package-lock.json
@@ -10,10 +10,8 @@
       "dependencies": {
         "@emotion/react": "^11.11.3",
         "@emotion/styled": "^11.11.0",
-        "@mui/icons-material": "^5.15.11",
-        "@mui/material": "^5.15.11",
-        "@mui/system": "^5.15.11",
-        "@mui/utils": "^5.15.11",
+        "@mui/icons-material": "^5.15.3",
+        "@mui/material": "^5.15.3",
         "@testing-library/jest-dom": "^5.17.0",
         "@testing-library/react": "^14.1.2",
         "@testing-library/user-event": "^14.5.2",
diff --git a/webapp/src/components/Nav.jsx b/webapp/src/components/Nav.jsx
index 38a02b1c..e3bab66b 100644
--- a/webapp/src/components/Nav.jsx
+++ b/webapp/src/components/Nav.jsx
@@ -97,7 +97,7 @@ function Nav({ goTo }) {
             >
               
               <MenuItem onClick={() => goToMenuClic()}>
-                <Typography textAlign="center">Volver al Menú</Typography>
+                <Typography textAlign="center">Volver al menú</Typography>
               </MenuItem>
             </Menu>
           </Box>
@@ -125,7 +125,7 @@ function Nav({ goTo }) {
                 onClick={() => goToMenuClic()}
                 sx={{ my: 2, color: 'white', display: 'block' }}
               >
-                Volver al Menú
+                Menú
               </Button>
           </Box>
 
diff --git a/webapp/src/test/Nav.test.js b/webapp/src/test/Nav.test.js
index b34e9d77..5b9215f5 100644
--- a/webapp/src/test/Nav.test.js
+++ b/webapp/src/test/Nav.test.js
@@ -1,12 +1,46 @@
 import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
+import { render, fireEvent, waitFor } from '@testing-library/react';
 import Nav from '../components/Nav';
 
-describe('Nav component', () => {
-  test('renders Nav component correctly', () => {
-    const mockGoTo = jest.fn();
-    render(<Nav goTo={mockGoTo} />);
-    
-    
+describe('Nav Component', () => {
+
+  test('opens and closes navigation menu on menu icon click', async () => {
+    const { getByLabelText, queryByText } = render(<Nav />);
+    const menuIcon = getByLabelText('account of current user');
+
+    fireEvent.click(menuIcon);
+    await waitFor(() => {
+      expect(queryByText('Volver al menú')).toBeInTheDocument();
+    });
+
+  });
+
+  test('opens and closes user menu on avatar click', async () => {
+    const { getByAltText, queryByText } = render(<Nav />);
+    const avatar = getByAltText('Remy Sharp');
+
+    fireEvent.click(avatar);
+    await waitFor(() => {
+      expect(queryByText('Profile')).toBeInTheDocument();
+    });
+
+  });
+
+  test('calls goTo function when "Volver al menú" is clicked', async () => {
+    const goToMock = jest.fn();
+    const { getByText } = render(<Nav goTo={goToMock} />);
+    fireEvent.click(getByText('Volver al menú'));
+    await waitFor(() => {
+      expect(goToMock).toHaveBeenCalledTimes(1);
+    });
+  });
+
+  test('calls goTo function when "Logout" is clicked', async () => {
+    const goToMock = jest.fn();
+    const { getByText } = render(<Nav goTo={goToMock} />);
+    fireEvent.click(getByText('Logout'));
+    await waitFor(() => {
+      expect(goToMock).toHaveBeenCalledTimes(1);
+    });
   });
 });