diff --git a/package.json b/package.json
index 1b5edb210..3b97a5909 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@netdata/netdata-ui",
-  "version": "5.1.15",
+  "version": "5.1.16",
   "description": "netdata UI kit",
   "main": "dist/index.js",
   "module": "dist/es6/index.js",
diff --git a/src/components/modal/index.js b/src/components/modal/index.js
index fe65a08f5..b8dbcaf6a 100644
--- a/src/components/modal/index.js
+++ b/src/components/modal/index.js
@@ -29,8 +29,15 @@ export const ModalBody = ({ children, testId, ...rest }) => (
   </Flex>
 )
 
-export const ModalFooter = ({ children, hasBorder = true, parentPadding, testId, ...rest }) => (
-  <Flex column padding={parentPadding || [0, LEFT_RIGHT_PADDING]} flex={1}>
+export const ModalFooter = ({
+  children,
+  hasBorder = true,
+  parentPadding,
+  testId,
+  containerProps = {},
+  ...rest
+}) => (
+  <Flex column padding={parentPadding || [0, LEFT_RIGHT_PADDING]} flex={1} {...containerProps}>
     <Flex
       data-testid={testId}
       flex={1}