also reduce font size of the certificate section on mobile so it doesn't wrap in the worst case scenario

Author: gumaerc

frontends/ol-components/src/components/LearningResourceExpanded/InfoSection.tsx

@@ -99,6 +99,7 @@ const PriceDisplay = styled.div({
 
 const Certificate = styled.div({
   display: "flex",
+  alignItems: "center",
   gap: "4px",
   borderRadius: "4px",
   padding: "4px 8px",
@@ -112,6 +113,7 @@ const Certificate = styled.div({
   },
   [theme.breakpoints.down("sm")]: {
     padding: "1px 2px",
+    ...theme.typography.subtitle4,
   },
 })