@@ -30,6 +30,7 @@ const CModal = props => {
 addContentClass,
 onClose,
 className,
+scrollable,
 ...attributes
 } = props
 
@@ -73,6 +74,7 @@ const CModal = props => {
 
 const dialogClasses = classNames(
 'modal-dialog', {
+'modal-dialog-scrollable': scrollable,
 'modal-dialog-centered': centered,
 [`modal-${size}`]: size
 }
@@ -117,8 +119,8 @@ const CModal = props => {
 >
 <div className={dialogClasses} role="document">
 <div
-{...attributes}
-className={contentClasses}
+{...attributes}
+className={contentClasses}
 ref={innerRef}
 >
 <Context.Provider value={{close}}>
@@ -129,7 +131,7 @@ const CModal = props => {
 </div>
 )
 }}
-
+
 </Transition>
 { backdrop && isOpen && <div className={backdropClasses}></div> }
 </div>
@@ -144,14 +146,15 @@ CModal.propTypes = {
 centered: PropTypes.bool,
 size: PropTypes.oneOf(['', 'sm', 'lg', 'xl']),
 backdrop: PropTypes.bool,
-color: PropTypes.string,
+color: PropTypes.string,
 borderColor: PropTypes.string,
 onOpened: PropTypes.func,
 onClosed: PropTypes.func,
 fade: PropTypes.bool,
 closeOnBackdrop: PropTypes.bool,
 onClose: PropTypes.func,
-addContentClass: PropTypes.string
+addContentClass: PropTypes.string,
+scrollable: PropTypes.bool,
 }
 
 CModal.defaultProps = {