diff --git a/frontend/src/components/BreakTime.tsx b/frontend/src/components/BreakTime.tsx
index 09c5f2b..ff38bfe 100644
--- a/frontend/src/components/BreakTime.tsx
+++ b/frontend/src/components/BreakTime.tsx
@@ -1,3 +1,4 @@
+/*
 import { useEffect, useState } from 'react'
 
 const requestNotificationPermission = () => {
@@ -18,13 +19,14 @@ const sendNotification = () => {
     setCanSendNotification(false)
   }
 }
+*/
 
 const BreakTime = () => {
-  useEffect(() => {
+  /* useEffect(() => {
     requestNotificationPermission()
   }, [])
-  sendNotification()
-  return <></>
-}
+  sendNotification() */
+  return <></>;
+};
 
-export default BreakTime
+export default BreakTime;
diff --git a/frontend/src/components/Form/TimerFormHandler.tsx b/frontend/src/components/Form/TimerFormHandler.tsx
index dd05c52..1059b9a 100644
--- a/frontend/src/components/Form/TimerFormHandler.tsx
+++ b/frontend/src/components/Form/TimerFormHandler.tsx
@@ -1,5 +1,8 @@
 import { FormEvent, useEffect, useState } from 'react';
 import TimerForm from './TimerForm.tsx';
+import pauseSound from '/assets/5-minutes-lofi.mp3';
+import workSound from '/assets/Wakey-Wakey.mp3';
+import BreakTime from '../BreakTime.tsx';
 
 const TimerFormHandler = () => {
   const [workTime, setWorkTime] = useState<string[]>(['00', '25', '00']);
@@ -115,7 +118,16 @@ const TimerFormHandler = () => {
         isWorking={isWorkTimerRunning}
         isInPause={isPauseTimerRunning}
       />
-      {startPauseSound ? <></> : <></>}
+      {startPauseSound ? (
+        <>
+          <BreakTime />
+          <audio controls src={pauseSound} autoPlay hidden />
+        </>
+      ) : startWorkSound[0] && startWorkSound[1] ? (
+        <audio controls src={workSound} autoPlay hidden />
+      ) : (
+        <></>
+      )}
     </>
   );
 };