diff --git a/dev/projects/full/schema.js b/dev/projects/full/schema.js
index 7121b9a1..b92db3bc 100644
--- a/dev/projects/full/schema.js
+++ b/dev/projects/full/schema.js
@@ -44,7 +44,7 @@ export default {
 			required: true,
 			help: "First name of user",
 			validator: validators.string,
-			fieldClasses: "half-width",
+			styleClasses: "half-width col-xs-12 col-sm-6",
 			fieldOptions: {
 				inputType: "text"
 			},
@@ -64,7 +64,7 @@ export default {
 			placeholder: "User's last name",
 			featured: true,
 			required: true,
-			fieldClasses: "half-width",
+			styleClasses: "half-width col-xs-12 col-sm-6",
 			fieldOptions: {
 				inputType: "text"
 			},
diff --git a/src/formElement.vue b/src/formElement.vue
index 7b1ab60f..265a76e4 100644
--- a/src/formElement.vue
+++ b/src/formElement.vue
@@ -132,11 +132,13 @@ export default {
 </script>
 <style lang="scss">
 $errorColor: #f00;
-
+.form-element:not([class*=" col-"]) {
+	width: 100%;
+}
 .form-element {
 	display: inline-block;
 	vertical-align: top;
-	width: 100%;
+	// width: 100%;
 	// margin: 0.5rem 0.26rem;
 	margin-bottom: 1rem;