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>
+    )
 }