diff --git a/src/components/DrawArea.tsx b/src/components/DrawArea.tsx
index b212b9d4..7a5b056b 100644
--- a/src/components/DrawArea.tsx
+++ b/src/components/DrawArea.tsx
@@ -34,6 +34,7 @@ interface IDrawArea {
   setIgnoreAreas: (ignoreAreas: IgnoreArea[]) => void;
   selectedRectId: string | undefined;
   setSelectedRectId: (id: string) => void;
+  deleteIgnoreArea?: (id:string)=>void;
   onStageClick: (event: Konva.KonvaEventObject<MouseEvent>) => void;
   stageOffsetState: [
     { x: number; y: number },
@@ -60,6 +61,7 @@ export const DrawArea: FunctionComponent<IDrawArea> = ({
   setIgnoreAreas,
   selectedRectId,
   setSelectedRectId,
+  deleteIgnoreArea,
   onStageClick,
   stageScaleState,
   stageOffsetState,
@@ -77,8 +79,34 @@ export const DrawArea: FunctionComponent<IDrawArea> = ({
   const [isDrawMode, setIsDrawMode] = drawModeState;
   const [isDrawing, setIsDrawing] = React.useState(isDrawMode);
   const [image, imageStatus] = imageState;
+  const stageRef = React.useRef<Konva.Stage>(null);
+
+  React.useEffect(() => {
+    if(stageRef.current){
+      const container = stageRef.current.container();
+      container.addEventListener('keydown', handleStageKeyDown);
+    }
+  },[]);
+
+  const isModifierKeyPressed = (e:any) => {
+    return e.altKey || e.ctrlKey || e.shiftKey;
+  };
+
+  const handleStageKeyDown = (e:any) => {
+    if(!deleteIgnoreArea || isModifierKeyPressed(e)){
+      return;
+    }
+    if(selectedRectId && (e.key==='Delete' || e.key==='Backspace')){
+      deleteIgnoreArea(selectedRectId);
+    }
+  };
 
   const handleContentMousedown = (e: any) => {
+    if(stageRef.current){
+      const container = stageRef.current.container();
+      container.tabIndex=1;
+      container.focus();
+    }
     if (!isDrawMode) return;
 
     const newArea: IgnoreArea = {
@@ -178,8 +206,10 @@ export const DrawArea: FunctionComponent<IDrawArea> = ({
                 y: event.clientY - stageOffset.y,
               });
             }}
+            onKeyDown={(e) => handleStageKeyDown(e)}
           >
             <Stage
+              ref={stageRef}
               width={image && image.width}
               height={image && image.height}
               onMouseDown={onStageClick}
diff --git a/src/components/TestDetailsDialog/TestDetailsModal.tsx b/src/components/TestDetailsDialog/TestDetailsModal.tsx
index bce9257e..4a59ca0d 100644
--- a/src/components/TestDetailsDialog/TestDetailsModal.tsx
+++ b/src/components/TestDetailsDialog/TestDetailsModal.tsx
@@ -464,6 +464,7 @@ const TestDetailsModal: React.FunctionComponent<{
                 tempIgnoreAreas={JSON.parse(testRun.tempIgnoreAreas)}
                 setIgnoreAreas={handleIgnoreAreaChange}
                 selectedRectId={selectedRectId}
+                deleteIgnoreArea={deleteIgnoreArea}
                 setSelectedRectId={setSelectedRectId}
                 onStageClick={removeSelection}
                 stageScaleState={[stageScale, setStageScale]}
@@ -483,6 +484,7 @@ const TestDetailsModal: React.FunctionComponent<{
                 setIgnoreAreas={handleIgnoreAreaChange}
                 selectedRectId={selectedRectId}
                 setSelectedRectId={setSelectedRectId}
+                deleteIgnoreArea={deleteIgnoreArea}
                 onStageClick={removeSelection}
                 stageScaleState={[stageScale, setStageScale]}
                 stagePosState={[stagePos, setStagePos]}