diff --git a/src/frontend/src/components/YearSelector.js b/src/frontend/src/components/YearSelector.js
index b2164b3..5cd5b30 100644
--- a/src/frontend/src/components/YearSelector.js
+++ b/src/frontend/src/components/YearSelector.js
@@ -1,10 +1,11 @@
 import { React } from 'react';
-import { Link } from 'react-router-dom';
+import { Link, useParams} from 'react-router-dom';
 
 import './YearSelector.scss';
 
 export const YearSelector = ({teamName}) => {
     
+    const {year}=useParams()
     let years = [];
     const startYear = process.env.REACT_APP_DATA_START_YEAR;
     const endYear = process.env.REACT_APP_DATA_END_YEAR;
@@ -16,9 +17,11 @@ export const YearSelector = ({teamName}) => {
 
     return (
         <ol className="YearSelector">
-        { years.map(year => (
-            <li key={year}>
-                <Link to={`/teams/${teamName}/matches/${year}`}>{year}</Link>
+        { years.map(Year => (
+            <li key={Year}>
+                <Link to={`/teams/${teamName}/matches/${Year}`}>
+                {year==Year ? <span style={{color : 'yellow'}}>{year}</span> : Year }
+                </Link>
             </li>
         )) }
         </ol>