diff --git a/src/components/ProjectCard.vue b/src/components/ProjectCard.vue
index 32a759b..00de5a6 100644
--- a/src/components/ProjectCard.vue
+++ b/src/components/ProjectCard.vue
@@ -1,6 +1,6 @@
 <template>
   <article class="w-full sm:w-1/2 md:w-1/3 px-4 mb-8">
-    <router-link :to="{ name: 'project', params: { id: 1 }}" class="group block">
+    <router-link :to="{ name: 'project', params: { id: 1 }}" class="group block hover:no-underline">
       <span class="block bg-gray-100 shadow-lg rounded overflow-hidden">
         <span class="block p-6">
           <h2 class="font-bold text-gray-800 group-hover:underline">Drupal Bristol</h2>
diff --git a/src/css/app.css b/src/css/app.css
index 3bbacfe..c86bb10 100644
--- a/src/css/app.css
+++ b/src/css/app.css
@@ -2,6 +2,7 @@
 
 @tailwind components;
 
+@import './components/links.css';
 @import './components/search-form.css';
 
 @tailwind utilities;
diff --git a/src/css/components/links.css b/src/css/components/links.css
new file mode 100644
index 0000000..2ca9fc3
--- /dev/null
+++ b/src/css/components/links.css
@@ -0,0 +1,3 @@
+a:hover {
+  @apply underline
+}