diff --git a/src/Settings/NumberGeneratorOptions.css b/src/Settings/NumberGeneratorOptions.css
new file mode 100644
index 00000000..78ddf841
--- /dev/null
+++ b/src/Settings/NumberGeneratorOptions.css
@@ -0,0 +1,5 @@
+@import '@folio/stripes-components/lib/variables';
+
+.marginBottomGutter {
+ margin-bottom: var(--gutter);
+}
diff --git a/src/Settings/NumberGeneratorOptions.js b/src/Settings/NumberGeneratorOptions.js
index 019c6603..77ceb929 100644
--- a/src/Settings/NumberGeneratorOptions.js
+++ b/src/Settings/NumberGeneratorOptions.js
@@ -9,7 +9,9 @@ import {
} from '@folio/stripes/core';
import { ConfigManager } from '@folio/stripes/smart-components';
-import { Col, RadioButton, Row } from '@folio/stripes/components';
+import { Col, MessageBanner, RadioButton, Row } from '@folio/stripes/components';
+
+import css from './NumberGeneratorOptions.css';
const ConnectedConfigManager = stripesConnect(ConfigManager);
@@ -45,6 +47,15 @@ const NumberGeneratorOptions = (props) => {
onBeforeSave={beforeSave}
stripes={props.stripes}
>
+
+
+
+
+
+
+
+
+