fix(Radio buttton): Confirmation radio-buttons alignment on confirmation box

packages/hindawi-theme/src/elements/Radio.js

@@ -13,14 +13,14 @@ export default {
     &::before {
       display: none;
     }
-
+    
     input:checked + span::before {
       border-color: ${th('colorPrimary')};
       background: url('data:image/svg+xml;utf8,${encodeURIComponent(
         checkIcon,
       )}') center no-repeat;
     }
-  `,
+    `,
   Input: css`
     opacity: 0;
     margin-left: calc(${th('gridUnit')} * -2);
@@ -35,9 +35,10 @@ export default {
       background: transparent;
       border: 1px solid #939393;
       border-radius: 50%;
-      display: inline-block;
+      display: inline-flex;
       margin-right: ${th('gridUnit')};
-      vertical-align: middle;
+      vertical-align: text-bottom;
+      align-items: center;
 
       height: calc(${th('gridUnit')} * 2);
       width: calc(${th('gridUnit')} * 2);

packages/hindawi-theme/src/index.js

@@ -158,7 +158,7 @@ const hindawiTheme = {
 
   lineHeightHeading1: '37px',
   lineHeightHeading2: '29px',
-  lineHeightHeading3: '19px',
+  lineHeightHeading3: '20px',
   lineHeightHeading4: '18px',
   lineHeightHeading5: '18px',
   lineHeightHeading6: '18px',