diff --git a/src/components/break-reminder/BreakReminder.js b/src/components/break-reminder/BreakReminder.js
index f7dab52..753492e 100644
--- a/src/components/break-reminder/BreakReminder.js
+++ b/src/components/break-reminder/BreakReminder.js
@@ -1,12 +1,18 @@
import * as React from 'react';
import { useState, useEffect, useContext } from 'react';
import { Box } from '@mui/system';
-import { FormControl, InputLabel, OutlinedInput } from '@mui/material';
+import {
+ FormControl,
+ InputLabel,
+ OutlinedInput,
+ LinearProgress
+} from '@mui/material';
import Stack from '@mui/material/Stack';
import Button from '@mui/material/Button';
import BreakReminderModal from '../break-modal/Modal';
import { ThemeContext } from '../../context/theme';
import './breakReminder.scss';
+import { When } from 'react-if';
function BreakReminder() {
const theme = useContext(ThemeContext);
@@ -84,6 +90,13 @@ function BreakReminder() {
:
{second}
+ 0}>
+
+
+
+
+
+