diff --git a/src/scripts/components/submit.js b/src/scripts/components/submit.js
index 23ef4df..18c684c 100644
--- a/src/scripts/components/submit.js
+++ b/src/scripts/components/submit.js
@@ -3,6 +3,7 @@
 module.exports = {
   name: 'submit',
   template: require('../../templates/components/submit.tpl'),
+  style: require('../../styles/clay/components/submit.scss'),
   manipulator: 'html',
   defaults: {
     attributes: {}
diff --git a/src/styles/clay/components/submit.scss b/src/styles/clay/components/submit.scss
new file mode 100644
index 0000000..74b11f4
--- /dev/null
+++ b/src/styles/clay/components/submit.scss
@@ -0,0 +1,3 @@
+.component-submit {
+  text-align: center;
+}
diff --git a/src/styles/clay/elements/_button.scss b/src/styles/clay/elements/_button.scss
index 8912034..6ece43c 100644
--- a/src/styles/clay/elements/_button.scss
+++ b/src/styles/clay/elements/_button.scss
@@ -9,7 +9,7 @@ button,
   font-size: 1rem;
   line-height: 1;
   border: none;
-  display: block;
+  display: inline-block;
 
   color: $color-white;
   min-width: 12rem;
diff --git a/src/templates/components/submit.tpl b/src/templates/components/submit.tpl
index ca29f7d..872a80d 100755
--- a/src/templates/components/submit.tpl
+++ b/src/templates/components/submit.tpl
@@ -1,4 +1,4 @@
-<div class="component component-button">
+<div class="component component-submit">
   <button
     data-manipulator-target
     type="submit"