Fix certificates issues in metadata layout

lms/static/certificates/sass/_components.scss

@@ -367,6 +367,7 @@
     .recipient-details {
         @extend %copy-base;
         font-weight: font-weight(semi-bold);
+        max-width: calc(100% - (#{rem(100)} + #{spacing-horizontal(small)} + 5px));
     }
 
     .recipient-name {

lms/static/certificates/sass/_layouts.scss

@@ -293,6 +293,7 @@
 
             .metadata {
                 @extend %divider-2;
+                @include span(12);
                 margin-bottom: spacing-vertical(small);
                 border-bottom-color: palette(grayscale, x-back);
                 padding-bottom: spacing-vertical(small);