diff --git a/canopeum_frontend/src/assets/styles/GlobalStyles.scss b/canopeum_frontend/src/assets/styles/GlobalStyles.scss
index 7996c44cb..aa124bfcf 100644
--- a/canopeum_frontend/src/assets/styles/GlobalStyles.scss
+++ b/canopeum_frontend/src/assets/styles/GlobalStyles.scss
@@ -27,8 +27,9 @@ body {
background-image: url('@assets/images/TreeBackground.png');
}
-.text-small {
- font-size: 90%;
+// Named after https://getbootstrap.com/docs/5.2/utilities/text/#font-size
+.fs-small {
+ font-size: 0.875rem;
}
.text-ellipsis {
diff --git a/canopeum_frontend/src/components/social/PostComment.tsx b/canopeum_frontend/src/components/social/PostComment.tsx
index 6112b9bb6..9e75a6ec5 100644
--- a/canopeum_frontend/src/components/social/PostComment.tsx
+++ b/canopeum_frontend/src/components/social/PostComment.tsx
@@ -29,7 +29,7 @@ const PostComment = ({ comment, onDelete, siteId }: Props) => {
{comment.authorUsername}
-
+
{formatDate(comment.createdAt, { dateStyle: 'short' })}
diff --git a/canopeum_frontend/src/pages/Analytics.tsx b/canopeum_frontend/src/pages/Analytics.tsx
index 562a0254f..a618b09c6 100644
--- a/canopeum_frontend/src/pages/Analytics.tsx
+++ b/canopeum_frontend/src/pages/Analytics.tsx
@@ -142,29 +142,31 @@ const Analytics = () => {
return (
-
-