diff --git a/src/components/Nav.jsx b/src/components/Nav.jsx
index 5256f2b..bee263f 100644
--- a/src/components/Nav.jsx
+++ b/src/components/Nav.jsx
@@ -1,16 +1,12 @@
 import React from "react";
 import {Link} from "react-router-dom";
 
-export class Nav extends React.Component {
-    render() {
-        return (
-            <nav className='nav'>
-                <Link to='/'><h1 className='branding'>MusicList</h1></Link>
-                <ul className='nav-links'>
-                    <li className='link'><Link to='/login'>Iniciar Sesion</Link></li>
-                    <li className='link'><Link to='/signup'>Registrate</Link></li>
-                </ul>
-            </nav>
-        )
-    }
-}
+export const Nav = () => (
+    <nav className='nav'>
+        <Link to='/'><h1 className='branding'>MusicList</h1></Link>
+        <ul className='nav-links'>
+            <li className='link'><Link to='/login'>Iniciar Sesion</Link></li>
+            <li className='link'><Link to='/signup'>Registrate</Link></li>
+        </ul>
+    </nav>
+)