Set radio buttons to align top per Rachel.

src/layouts/nested-radio-poc/nested-radio.vue

@@ -79,7 +79,7 @@ export default {
   .demo-animate {
     &:hover {
       + .show-hide {
-        max-height: 100px;
+        max-height: 140px;
         transition: max-height 0.35s ease-in;
       }
     }

src/ux-components/checkbox/checkbox.vue

@@ -59,6 +59,7 @@ export default {
       background: white;
       border: 1px solid $gray-500;
       border-radius: 2px;
+      flex-shrink: 0;
     }
     &:checked + label::before {
       background: $blue;

src/ux-components/radio/radio.vue

@@ -11,7 +11,7 @@
     :v-model="checkValue"
     @change="handleCheckChanged"
     />
-    <label class="d-flex align-items-center radio-label" :for="buttonID">
+    <label class="d-flex align-items-start radio-label" :for="buttonID">
       <p v-if="buttonLabel" class="m-0">{{ buttonLabel }}</p>
       <span v-if="screenReaderOnlyText" class="sr-only">{{
         screenReaderOnlyText
@@ -101,6 +101,7 @@ export default {
         cursor: pointer;
         transition: all 250ms ease;
         flex-shrink: 0;
+        top: .25rem;
       }
     }
     &:checked {