diff --git a/src/layouts/nested-radio-poc/nested-radio.vue b/src/layouts/nested-radio-poc/nested-radio.vue
index b5a317318..0795d8b59 100644
--- a/src/layouts/nested-radio-poc/nested-radio.vue
+++ b/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;
       }
     }
diff --git a/src/ux-components/checkbox/checkbox.vue b/src/ux-components/checkbox/checkbox.vue
index 24c9e830e..d84c5b1c6 100644
--- a/src/ux-components/checkbox/checkbox.vue
+++ b/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;
diff --git a/src/ux-components/radio/radio.vue b/src/ux-components/radio/radio.vue
index 0762c0f6a..4265958c4 100644
--- a/src/ux-components/radio/radio.vue
+++ b/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 {