Updated table captions

Author: dcooney

components/atoms/Table/Table.js

@@ -100,7 +100,11 @@ export default function Table({id, head, body, foot, caption, className}) {
               </tfoot>
             )}
           </table>
-          {!!caption && <RichText tag="p">{caption}</RichText>}
+          {!!caption && (
+            <div className={styles.caption}>
+              <RichText tag="span">{caption}</RichText>
+            </div>
+          )}
         </div>
       )}
     </>

components/atoms/Table/Table.module.css

@@ -34,7 +34,7 @@
     }
   }
 
-  & p {
-    @apply mb-20 text-center font-primary text-sm;
+  & .caption {
+    @apply mb-20 text-center font-secondary text-xs;
   }
 }