diff --git a/packages/annotations/src/Annotate.tsx b/packages/annotations/src/Annotate.tsx
index eb52646ad..d287141b6 100644
--- a/packages/annotations/src/Annotate.tsx
+++ b/packages/annotations/src/Annotate.tsx
@@ -3,6 +3,7 @@ import { GenericChartComponent } from "@react-financial-charts/core";
 
 export interface AnnotateProps {
     readonly className?: string;
+    readonly clip?: boolean;
     readonly with: React.ElementType;
     readonly when: (value: any, index: number, array: any[]) => boolean;
     readonly usingProps?: any;
@@ -12,10 +13,13 @@ export class Annotate extends React.Component<AnnotateProps> {
     public static defaultProps = {
         className:
             "react-financial-charts-enable-interaction react-financial-charts-annotate react-financial-charts-default-cursor",
+        clip: true,
     };
 
     public render() {
-        return <GenericChartComponent svgDraw={this.renderSVG} drawOn={["pan"]} />;
+        const { clip } = this.props;
+
+        return <GenericChartComponent clip={clip} svgDraw={this.renderSVG} drawOn={["pan"]} />;
     }
 
     private readonly renderSVG = (moreProps: any) => {