diff --git a/src/lib/components/CaseCard.svelte b/src/lib/components/CaseCard.svelte
index 3a09164..2c06aac 100644
--- a/src/lib/components/CaseCard.svelte
+++ b/src/lib/components/CaseCard.svelte
@@ -1,5 +1,6 @@
 <script>
     import { fade } from 'svelte/transition'
+	import { utcFormat } from 'd3-time-format';
 	export let cardData;
 </script>
 
@@ -16,7 +17,7 @@
 	</div>
 	<div class="card-content">
 		<div class="content">
-            <p>{cardData.attribution_date}</p>
+            <p>{utcFormat('%B %d, %Y')(cardData.attribution_date)}</p>
 			<p>{cardData.short_description}</p>
             <p>
                 <span class="tag is-info">{cardData.source}</span>
diff --git a/src/lib/components/CaseTable.svelte b/src/lib/components/CaseTable.svelte
index ab0f24a..130a1b7 100644
--- a/src/lib/components/CaseTable.svelte
+++ b/src/lib/components/CaseTable.svelte
@@ -1,4 +1,5 @@
 <script>
+    import { utcFormat } from 'd3-time-format';
     export let cases
 </script>
 
@@ -18,7 +19,7 @@
         {#if attrCase.show}
             <tr>
                 <td>{attrCase.short_description}</td>
-                <td>{attrCase.attribution_date}</td>
+                <td>{utcFormat('%B %d, %Y')(attrCase.attribution_date)}</td>
                 <td>{attrCase.source}</td>
                 <td>{attrCase.source_category}</td>
                 <td>{attrCase.actor_nation}</td>