diff --git a/src/components/carousel/index.tsx b/src/components/carousel/index.tsx
index 561fc102c2..5cbad942e6 100644
--- a/src/components/carousel/index.tsx
+++ b/src/components/carousel/index.tsx
@@ -459,13 +459,13 @@ class Carousel extends Component<CarouselProps, CarouselState> {
   }
 
   renderCounter() {
-    const {pageWidth, showCounter, counterTextStyle} = this.props;
+    const {pageWidth, showCounter, counterContainerStyle, counterTextStyle} = this.props;
     const {currentStandingPage} = this.state;
     const pagesCount = presenter.getChildrenLength(this.props);
 
     if (showCounter && !pageWidth) {
       return (
-        <View center style={styles.counter}>
+        <View center style={[styles.counter, counterContainerStyle]}>
           <Text grey80 text90 style={[{fontWeight: 'bold'}, counterTextStyle]}>
             {currentStandingPage + 1}/{pagesCount}
           </Text>
diff --git a/src/components/carousel/types.ts b/src/components/carousel/types.ts
index d813ca86a3..451252e872 100644
--- a/src/components/carousel/types.ts
+++ b/src/components/carousel/types.ts
@@ -66,6 +66,10 @@ export interface CarouselProps extends ScrollViewProps {
    * whether to show a page counter (will not work with 'pageWidth' prop)
    */
   showCounter?: boolean;
+  /**
+   * the counter's container style
+   */
+ counterContainerStyle?: StyleProp<ViewStyle>;
   /**
    * the counter's text style
    */