diff --git a/types/react-responsive-masonry/index.d.ts b/types/react-responsive-masonry/index.d.ts
index 4a9bab25379bf1..b367dc45e8d1ec 100644
--- a/types/react-responsive-masonry/index.d.ts
+++ b/types/react-responsive-masonry/index.d.ts
@@ -52,6 +52,14 @@ export interface ResponsiveMasonryProps {
     columnsCountBreakPoints?: {
         [key: number]: number;
     };
+    /**
+     * A Object containing Keys as breakpoints in px and values as the gutter size
+     *
+     * Default Value = { 350: '10px', 750: '10px', 900: '10px' }
+     */
+    gutterBreakPoints?: { 
+        [key: number]: string;
+    };
     className?: string;
     style?: CSSProperties;
 }
diff --git a/types/react-responsive-masonry/package.json b/types/react-responsive-masonry/package.json
index c13c0a81ed19fa..95633927737ef4 100644
--- a/types/react-responsive-masonry/package.json
+++ b/types/react-responsive-masonry/package.json
@@ -1,7 +1,7 @@
 {
     "private": true,
     "name": "@types/react-responsive-masonry",
-    "version": "2.6.9999",
+    "version": "2.7.9999",
     "projects": [
         "https://github.com/cedricdelpoux/react-responsive-masonry#readme"
     ],
diff --git a/types/react-responsive-masonry/react-responsive-masonry-tests.tsx b/types/react-responsive-masonry/react-responsive-masonry-tests.tsx
index aedf7cbfb6c95b..e1ff721dc711dc 100644
--- a/types/react-responsive-masonry/react-responsive-masonry-tests.tsx
+++ b/types/react-responsive-masonry/react-responsive-masonry-tests.tsx
@@ -44,6 +44,7 @@ const Test = () => {
             {/* Test with all props */}
             <ResponsiveMasonry
                 columnsCountBreakPoints={{ 350: 1, 750: 2, 900: 3 }}
+                gutterBreakPoints={{ 320: "1rem", 768: "1.2rem", 960: "1.5rem" }}
                 className="responsive-masonry"
                 style={{ padding: "20px" }}
             >