diff --git a/lib/InfoBox/InfoBox.js b/lib/InfoBox/InfoBox.js
index b7b790ec..92c4f223 100644
--- a/lib/InfoBox/InfoBox.js
+++ b/lib/InfoBox/InfoBox.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import css from './InfoBox.css';
 
-const InfoBox = ({ children, type }) => {
+const InfoBox = ({ children, className, type }) => {
   const classnames = [css.infoBox];
 
   switch (type) {
@@ -24,7 +24,7 @@ const InfoBox = ({ children, type }) => {
   return (
     <span
       className={
-        classNames(classnames)
+        classNames(classnames, className)
       }
     >
       {children}
@@ -38,6 +38,7 @@ InfoBox.propTypes = {
     PropTypes.node,
     PropTypes.func,
   ]).isRequired,
+  className: PropTypes.string,
   type: PropTypes.oneOf([
     'success',
     'warn',
diff --git a/lib/NewBox/NewBox.css b/lib/NewBox/NewBox.css
new file mode 100644
index 00000000..a882ccb8
--- /dev/null
+++ b/lib/NewBox/NewBox.css
@@ -0,0 +1,3 @@
+.newBox {
+  text-wrap: nowrap;
+}
\ No newline at end of file
diff --git a/lib/NewBox/NewBox.js b/lib/NewBox/NewBox.js
index be88cf5c..a410b5bb 100644
--- a/lib/NewBox/NewBox.js
+++ b/lib/NewBox/NewBox.js
@@ -1,12 +1,25 @@
+import PropTypes from 'prop-types';
+
 import { FormattedMessage } from 'react-intl';
+import classNames from 'classnames';
+
 import InfoBox from '../InfoBox';
 
-const NewBox = () => (
+import css from './NewBox.css';
+
+const NewBox = ({ className }) => (
   <InfoBox
+    className={
+      classNames(css.newBox, className)
+    }
     type="success"
   >
     <FormattedMessage id="stripes-erm-components.new" />
   </InfoBox>
 );
 
+NewBox.propTypes = {
+  className: PropTypes.string,
+};
+
 export default NewBox;