diff --git a/src/component/panels/filtersPanel/Filters/ShiftOptionsPanel.tsx b/src/component/panels/filtersPanel/Filters/ShiftOptionsPanel.tsx
index 5c9f2e9ab..3b08583d4 100644
--- a/src/component/panels/filtersPanel/Filters/ShiftOptionsPanel.tsx
+++ b/src/component/panels/filtersPanel/Filters/ShiftOptionsPanel.tsx
@@ -20,7 +20,11 @@ interface ShiftOptionsPanelProps {
 export default function ShiftOptionsPanel(props: ShiftOptionsPanelProps) {
   const { filter } = props;
   const dispatch = useDispatch();
-  const { handleSubmit, control } = useForm({ defaultValues: filter.value });
+  const {
+    handleSubmit,
+    control,
+    formState: { isDirty },
+  } = useForm({ defaultValues: filter.value });
 
   function handleCancelFilter() {
     dispatch({
@@ -68,6 +72,8 @@ export default function ShiftOptionsPanel(props: ShiftOptionsPanelProps) {
           <FilterActionButtons
             onConfirm={() => handleSubmit(handleApplyFilter)()}
             onCancel={handleCancelFilter}
+            disabledConfirm={!isDirty}
+            disabledCancel={!isDirty}
           />
         </HeaderContainer>
       </StickyHeader>