diff --git a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailActionsBar.tsx b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailActionsBar.tsx
index 3ba5b0d02..ee7d57346 100644
--- a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailActionsBar.tsx
+++ b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailActionsBar.tsx
@@ -1,5 +1,4 @@
 // @ts-nocheck
-import React from 'react';
 import { useHistory } from 'react-router-dom';
 
 import {
@@ -22,6 +21,7 @@ import {
   Icon,
   FormattedMessage as T,
   Can,
+  Choose,
 } from '@/components';
 
 import { compose } from '@/utils';
@@ -42,7 +42,7 @@ function EstimateDetailActionsBar({
   closeDrawer,
 }) {
   // Estimate details drawer context.
-  const { estimateId } = useEstimateDetailDrawerContext();
+  const { estimateId, estimate } = useEstimateDetailDrawerContext();
 
   // History.
   const history = useHistory();
@@ -53,6 +53,16 @@ function EstimateDetailActionsBar({
     closeDrawer(DRAWERS.ESTIMATE_DETAILS);
   };
 
+  // Handle cancel/confirm estimate approve.
+  const handleApproveEstimate = () => {
+    openAlert('estimate-Approve', { estimateId });
+  };
+
+  // Handle cancel/confirm estimate reject.
+  const handleRejectEstimate = () => {
+    openAlert('estimate-reject', { estimateId });
+  };
+
   // Handle delete sale estimate.
   const handleDeleteEstimate = () => {
     openAlert('estimate-delete', { estimateId });
@@ -83,6 +93,50 @@ function EstimateDetailActionsBar({
           />
           <NavbarDivider />
         </Can>
+        <Choose>
+          <Choose.When
+            condition={estimate.is_delivered && estimate.is_rejected}
+          >
+            <Can I={SaleEstimateAction.Edit} a={AbilitySubject.Estimate}>
+              <Button
+                className={Classes.MINIMAL}
+                icon={<Icon icon="check" />}
+                text={<T id={'mark_as_approved'} />}
+                onClick={handleApproveEstimate}
+              />
+            </Can>
+          </Choose.When>
+          <Choose.When
+            condition={estimate.is_delivered && estimate.is_approved}
+          >
+            <Can I={SaleEstimateAction.Edit} a={AbilitySubject.Estimate}>
+              <Button
+                className={Classes.MINIMAL}
+                icon={<Icon icon="close-black" />}
+                text={<T id={'mark_as_rejected'} />}
+                onClick={handleRejectEstimate}
+              />
+            </Can>
+          </Choose.When>
+          <Choose.When condition={estimate.is_delivered}>
+            <Can I={SaleEstimateAction.Edit} a={AbilitySubject.Estimate}>
+              <Button
+                className={Classes.MINIMAL}
+                icon={<Icon icon="check" />}
+                text={<T id={'mark_as_approved'} />}
+                onClick={handleApproveEstimate}
+              />
+            </Can>
+            <Can I={SaleEstimateAction.Edit} a={AbilitySubject.Estimate}>
+              <Button
+                className={Classes.MINIMAL}
+                icon={<Icon icon="close-black" />}
+                text={<T id={'mark_as_rejected'} />}
+                onClick={handleRejectEstimate}
+              />
+            </Can>
+          </Choose.When>
+        </Choose>
         <Can I={SaleEstimateAction.View} a={AbilitySubject.Estimate}>
           <Button
             className={Classes.MINIMAL}