diff --git a/src/components/EventPreview/index.module.scss b/src/components/EventPreview/index.module.scss
index 454236a..ee91ec5 100644
--- a/src/components/EventPreview/index.module.scss
+++ b/src/components/EventPreview/index.module.scss
@@ -11,9 +11,17 @@
     margin: 3px auto;
     padding: 10px 25px;
     height: 120px;
+    transition: border-color 0.2s ease;
+    &:hover {
+        border-color: $accent;
+    }
+    &:hover .location {
+        color: $accent;
+    }
 }
 
 .location {
     font-weight: bold;
     font-size: 1.7em;
+    transition: color 0.2s ease;
 }