diff --git a/examples/ui.apps/src/main/content/jcr_root/apps/forms-components-examples/clientlibs/forms-clientlib-site/styles/components/adaptive-form/checkbox.less b/examples/ui.apps/src/main/content/jcr_root/apps/forms-components-examples/clientlibs/forms-clientlib-site/styles/components/adaptive-form/checkbox.less
new file mode 100644
index 0000000000..e46730b395
--- /dev/null
+++ b/examples/ui.apps/src/main/content/jcr_root/apps/forms-components-examples/clientlibs/forms-clientlib-site/styles/components/adaptive-form/checkbox.less
@@ -0,0 +1,17 @@
+.cmp-adaptiveform-checkbox {
+  .containerMixin();
+  .descriptionMixin();
+  .validInvalidMixin();
+  &__help-container {
+    flex-direction: row-reverse;
+    display: flex
+  }
+  &__widget-container {
+    flex-direction: row;
+    align-items: baseline;
+    display: flex
+  }
+  &__widget {
+    .itemWidgetMixin();
+  }
+}
diff --git a/examples/ui.apps/src/main/content/jcr_root/apps/forms-components-examples/clientlibs/forms-clientlib-site/styles/components/adaptive-form/common.less b/examples/ui.apps/src/main/content/jcr_root/apps/forms-components-examples/clientlibs/forms-clientlib-site/styles/components/adaptive-form/common.less
index 8343a735e9..dea4b4ef21 100644
--- a/examples/ui.apps/src/main/content/jcr_root/apps/forms-components-examples/clientlibs/forms-clientlib-site/styles/components/adaptive-form/common.less
+++ b/examples/ui.apps/src/main/content/jcr_root/apps/forms-components-examples/clientlibs/forms-clientlib-site/styles/components/adaptive-form/common.less
@@ -170,4 +170,16 @@
     background: url(./resources/tick_hover.svg) 0.5rem 50% / 0.8125rem no-repeat,@very-light-gray;
     background-size: 12px;
   }
-}
\ No newline at end of file
+}
+
+.termsAndConditionsText() {
+  color: @light-gray;
+  max-height: 160px;
+  border: 1px solid #ccc;
+  border-radius: .25rem;
+  margin-bottom: .25rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  font-size: .875rem;
+  overflow: auto
+}
diff --git a/examples/ui.apps/src/main/content/jcr_root/apps/forms-components-examples/clientlibs/forms-clientlib-site/styles/components/adaptive-form/termsandconditions.less b/examples/ui.apps/src/main/content/jcr_root/apps/forms-components-examples/clientlibs/forms-clientlib-site/styles/components/adaptive-form/termsandconditions.less
new file mode 100644
index 0000000000..553e85c019
--- /dev/null
+++ b/examples/ui.apps/src/main/content/jcr_root/apps/forms-components-examples/clientlibs/forms-clientlib-site/styles/components/adaptive-form/termsandconditions.less
@@ -0,0 +1,18 @@
+.cmp-adaptiveform-termsandcondition {
+  .containerMixin();
+  &__label {
+    flex: 1;
+    font-size: 1.25rem
+  }
+  &__label-container {
+    justify-content: space-between;
+    align-items: center;
+    display: flex
+  }
+  &____content-container {
+    margin-top: 10px
+  }
+  &__text {
+    .termsAndConditionsText();
+  }
+}
diff --git a/examples/ui.apps/src/main/content/jcr_root/apps/forms-components-examples/clientlibs/forms-clientlib-site/styles/components/index.less b/examples/ui.apps/src/main/content/jcr_root/apps/forms-components-examples/clientlibs/forms-clientlib-site/styles/components/index.less
index 16144c9e01..8cce5935ee 100644
--- a/examples/ui.apps/src/main/content/jcr_root/apps/forms-components-examples/clientlibs/forms-clientlib-site/styles/components/index.less
+++ b/examples/ui.apps/src/main/content/jcr_root/apps/forms-components-examples/clientlibs/forms-clientlib-site/styles/components/index.less
@@ -37,3 +37,5 @@
 @import 'adaptive-form/title.less';
 @import 'adaptive-form/wizard.less';
 @import 'adaptive-form/verticaltabs.less';
+@import 'adaptive-form/checkbox.less';
+@import 'adaptive-form/termsandconditions.less';