diff --git a/src/client/components/ClickMe.tsx b/src/client/components/ClickMe.tsx
index f6aae4c..68d39df 100644
--- a/src/client/components/ClickMe.tsx
+++ b/src/client/components/ClickMe.tsx
@@ -9,7 +9,8 @@ interface ClickMeProps {
 /**
  * @return {jsx} a presentation of me
  */
-export default function ClickMe({windowSize, setTrigger, setBusy}: ClickMeProps) {
+export default function ClickMe(
+	{windowSize, setTrigger, setBusy}: ClickMeProps) {
 	const [buttonClass, setButtonClass] = useState('');
 
 	useEffect(() => {
diff --git a/src/client/components/Player.tsx b/src/client/components/Player.tsx
index 06b7064..0be78e6 100644
--- a/src/client/components/Player.tsx
+++ b/src/client/components/Player.tsx
@@ -6,12 +6,15 @@ interface PlayerProps {
 }
 
 /**
- * @return {jsx} The root component
+ * @return {jsx} a simple audio player
  */
 export default function Player({src}: PlayerProps) {
 	const [play, setPlay] = useState(false);
 	const [playText, setPlayText] = useState('Play');
 
+	/**
+	 * change play state
+	 */
 	function handlePlay() {
 		setPlay(!play);
 		if (play) {
@@ -33,12 +36,14 @@ export default function Player({src}: PlayerProps) {
 					align-items-center
 					justify-content-center'
 				id='clickme'>
-				<div className='lead player-text mb-4'>{src.split('/')[3].split('.')[0]}</div>
+				<div className='lead player-text mb-4'>
+					{src.split('/')[3].split('.')[0]}
+				</div>
 				<button
 					type='button'
 					onClick={() => handlePlay()}
 					className={'d-inline btn btn-clickme btn-lg'}>
-						{playText}
+					{playText}
 				</button>
 			</div>
 		</React.Fragment>