diff --git a/src/components/CopilotModal.js b/src/components/CopilotModal.js
index 466f7091..13914ce4 100644
--- a/src/components/CopilotModal.js
+++ b/src/components/CopilotModal.js
@@ -138,11 +138,11 @@ class CopilotModal extends Component<Props, State> {
 
     if (verticalPosition === 'bottom') {
       tooltip.top = obj.top + obj.height + MARGIN;
-      arrow.borderBottomColor = '#fff';
+      arrow.borderBottomColor = this.props.tooltipStyle.backgroundColor ? this.props.tooltipStyle.backgroundColor : '#fff';
       arrow.top = tooltip.top - (ARROW_SIZE * 2);
     } else {
       tooltip.bottom = layout.height - (obj.top - MARGIN);
-      arrow.borderTopColor = '#fff';
+      arrow.borderTopColor = this.props.tooltipStyle.backgroundColor ? this.props.tooltipStyle.backgroundColor : '#fff';
       arrow.bottom = tooltip.bottom - (ARROW_SIZE * 2);
     }