diff --git a/README.md b/README.md
index 9e77fb2..83c56f0 100644
--- a/README.md
+++ b/README.md
@@ -63,6 +63,7 @@ export default () => (
   - [style](#style)
   - [visible (from Popover)](#visible)
   - [wrapperStyle](#wrapperStyle)
+  - [caretStyle](#caretStyle)
 
 #### Popable.children
 
@@ -163,6 +164,15 @@ Style the wrapping `View` component using any [`View` style property](https://re
 <Popable wrapperStyle={{ flex: 1, display: 'flex' }}>@morning_cafe</Popable>
 ```
 
+#### caretStyle
+
+Style the caret component using any [`View` style property](https://reactnative.dev/docs/view-style-props).
+
+```jsx
+<Popable caretStyle={{ backgroundColor: "blue" }}>@morning_cafe</Popable>
+```
+
+
 ### Popover
 
 The UI component in `Popable` can also be used on its own.
diff --git a/src/Popable.tsx b/src/Popable.tsx
index 75f214e..d0400b0 100644
--- a/src/Popable.tsx
+++ b/src/Popable.tsx
@@ -35,6 +35,7 @@ export type PopableProps = {
   style?: PopoverProps['style'];
   visible?: boolean;
   wrapperStyle?: ViewProps['style'];
+  caretStyle?: ViewProps['style'];
 };
 
 const DEFAULT_LAYOUT = {
@@ -61,6 +62,7 @@ const Popable = forwardRef<PopableManager, PopableProps>(function Popable(
     style,
     visible,
     wrapperStyle,
+    caretStyle,
   },
   ref
 ) {
@@ -223,6 +225,7 @@ const Popable = forwardRef<PopableManager, PopableProps>(function Popable(
             <Popover
               {...sharedPopoverProps}
               forceInitialAnimation
+              caretStyle={caretStyle}
               visible={isPopoverVisible}
               style={[
                 {
diff --git a/src/Popover.tsx b/src/Popover.tsx
index 6b5833f..e6b027b 100644
--- a/src/Popover.tsx
+++ b/src/Popover.tsx
@@ -21,6 +21,7 @@ export type PopoverProps = {
   forceInitialAnimation?: boolean;
   numberOfLines?: number;
   visible?: boolean;
+  caretStyle: ViewProps['style'];
   position?: 'top' | 'right' | 'bottom' | 'left';
 } & ViewProps;
 
@@ -35,6 +36,7 @@ const Popover = React.forwardRef<View, PopoverProps>(function Popover(
     forceInitialAnimation = false,
     numberOfLines,
     visible = true,
+    caretStyle = null,
     position = 'bottom',
     style,
     ...extraProps
@@ -84,7 +86,7 @@ const Popover = React.forwardRef<View, PopoverProps>(function Popover(
       align={caretPosition}
       position={position}
       backgroundColor={backgroundColor}
-      style={styles.caret}
+      style={[styles.caret, caretStyle]}
     />
   );