diff --git a/lib/assets/styles/defaults.scss b/lib/assets/styles/defaults.scss
index e778dd9f..609f6c90 100644
--- a/lib/assets/styles/defaults.scss
+++ b/lib/assets/styles/defaults.scss
@@ -38,7 +38,7 @@ body {
   --font-weight-title: var(--font-weight-extrabold);
 }
 
-a.uncolored {
+a {
   color: inherit;
   text-decoration: none;
 }
diff --git a/lib/components/base/ProjectCard.vue b/lib/components/base/ProjectCard.vue
index d9627772..a77f6273 100644
--- a/lib/components/base/ProjectCard.vue
+++ b/lib/components/base/ProjectCard.vue
@@ -45,7 +45,7 @@
         class="stat consumes-click"
       >
         <span class="label"><HistoryIcon /></span>
-        <span class="value">{{ dayjs(updatedAt).fromNow() }}</span>
+        <span class="value">{{ fromNow(updatedAt) }}</span>
       </span>
       <span
         v-else
@@ -57,7 +57,7 @@
         class="stat consumes-click"
       >
         <span class="label"><CalendarIcon /></span>
-        <span class="value">{{ dayjs(createdAt).fromNow() }}</span>
+        <span class="value">{{ fromNow(createdAt) }}</span>
       </span>
       <div class="tags">
         <TagIcon />
@@ -80,8 +80,6 @@ import {
 } from '@'
 import { useVIntl, defineMessages } from '@vintl/vintl'
 import dayjs from 'dayjs'
-import relativeTime from 'dayjs/plugin/relativeTime'
-dayjs.extend(relativeTime)
 
 const vintl = useVIntl()
 const { formatMessage } = vintl
@@ -202,6 +200,11 @@ defineProps({
     required: false,
     default: null,
   },
+  fromNow: {
+    type: Function,
+    required: false,
+    default: (x) => x,
+  },
 })
 </script>
 
diff --git a/package.json b/package.json
index 4aa39df4..d8b2b5c8 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "omorphia",
   "type": "module",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "files": [
     "dist",
     "locales"