diff --git a/packages/@ourworldindata/components/src/IndicatorBrief/IndicatorBrief.tsx b/packages/@ourworldindata/components/src/IndicatorBrief/IndicatorBrief.tsx
index df53055a12b..d5cec9e9474 100644
--- a/packages/@ourworldindata/components/src/IndicatorBrief/IndicatorBrief.tsx
+++ b/packages/@ourworldindata/components/src/IndicatorBrief/IndicatorBrief.tsx
@@ -82,9 +82,11 @@ export const IndicatorBrief = (props: IndicatorBriefProps) => {
: "How does the producer of this data describe this data?"
}
content={
-
+
+
+
}
isExpandedDefault={
!(props.descriptionShort || props.descriptionKey)
diff --git a/packages/@ourworldindata/components/src/IndicatorSources/IndicatorSources.tsx b/packages/@ourworldindata/components/src/IndicatorSources/IndicatorSources.tsx
index 77a592ac5e3..285e1790d1c 100644
--- a/packages/@ourworldindata/components/src/IndicatorSources/IndicatorSources.tsx
+++ b/packages/@ourworldindata/components/src/IndicatorSources/IndicatorSources.tsx
@@ -1,6 +1,6 @@
import React from "react"
import { ExpandableToggle } from "../ExpandableToggle/ExpandableToggle.js"
-import { OwidOrigin } from "@ourworldindata/utils"
+import { OwidOrigin, dayjs } from "@ourworldindata/utils"
import { SimpleMarkdownText } from "../SimpleMarkdownText.js"
import { CodeSnippet } from "../CodeSnippet/CodeSnippet.js"
import { REUSE_THIS_WORK_SECTION_ID } from "../SharedDataPageConstants.js"
@@ -48,6 +48,9 @@ export const IndicatorSources = (props: IndicatorSourcesProps) => {
{props.origins.map((source, idx: number, sources) => {
+ const dateAccessed = source.dateAccessed
+ ? dayjs(source.dateAccessed).format("MMMM D, YYYY")
+ : undefined
return (
{
/>
)}
- {(source.dateAccessed ||
- source.urlMain) && (
+ {(dateAccessed || source.urlMain) && (
{
"minmax(0,1fr) minmax(0,2fr)",
}}
>
- {source.dateAccessed && (
+ {dateAccessed && (
Retrieved on
- {
- source.dateAccessed
- }
+ {dateAccessed}
)}