diff --git a/src/App.js b/src/App.js index 73c0283ff38c48aaaa42f3bf026258c17fb91359..588be574a6a0673b232e71d3460b461b982efa4f 100644 --- a/src/App.js +++ b/src/App.js @@ -1,7 +1,13 @@ import React from 'react'; -import Typography from '@mui/material/Typography'; +import { Typography, AppBar } from '@mui/material'; export default function App () { - return <Typography variant="h1">Hello World</Typography> + return ( + <React.Fragment> + <AppBar position="fixed"> + <Typography align="center" variant="h3" color="inherit">Favorite Music</Typography> + </AppBar> + </React.Fragment> + ) }