diff --git a/source/components/rule/Examples.css b/source/components/rule/Examples.css
index 1313372f4..c2a11d134 100644
--- a/source/components/rule/Examples.css
+++ b/source/components/rule/Examples.css
@@ -65,12 +65,3 @@
#examples .example.ok i {
color: #2ecc71
}
-
-#reportError {
- background: #c0392b;
- color: white;
- border: none;
- font-size: 100%;
- padding: .3em .6em;
- margin-top: 3em;
-}
diff --git a/source/components/rule/Examples.js b/source/components/rule/Examples.js
index b4fdbede8..a994bc29e 100644
--- a/source/components/rule/Examples.js
+++ b/source/components/rule/Examples.js
@@ -80,12 +80,6 @@ export default class Examples extends Component {
}
-
)
}
diff --git a/source/components/rule/Rule.css b/source/components/rule/Rule.css
index 6990cac65..644e9a4fe 100644
--- a/source/components/rule/Rule.css
+++ b/source/components/rule/Rule.css
@@ -357,3 +357,14 @@
justify-content: space-between;
align-items: baseline;
}
+
+
+#reportError {
+ background: #c0392b;
+ color: white;
+ border: none;
+ font-size: 100%;
+ padding: .3em .6em;
+ margin: 3em auto 0;
+ display: block;
+}
diff --git a/source/components/rule/Rule.js b/source/components/rule/Rule.js
index e31eb1da3..8c66eb84b 100644
--- a/source/components/rule/Rule.js
+++ b/source/components/rule/Rule.js
@@ -124,6 +124,12 @@ export default class Rule extends Component {
showValues={this.state.showValues}
inject={example => this.setState({example, showValues: true})}/>
+
)
}