diff --git a/client/src/components/Summoner/RecentActivity.vue b/client/src/components/Summoner/RecentActivity.vue
index 95f2ae6..687840e 100644
--- a/client/src/components/Summoner/RecentActivity.vue
+++ b/client/src/components/Summoner/RecentActivity.vue
@@ -41,11 +41,25 @@
                 />
               </template>
               <template #default>
-                <div class="px-2 text-xs text-center text-white">
-                  <div>{{ day.date }}</div>
+                <div class="px-2 text-xs text-center text-blue-200 leading-5">
                   <div>
-                    <span class="font-bold text-teal-400">{{ day.matches }}</span> game(s)
+                    <span class="text-white font-semibold">{{ day.date }}</span>
+                    <span>: </span>
+                    <span class="font-bold text-teal-400">{{ day.matches }}</span>
+                    <span> {{ day.matches > 1 ? 'games' : 'game' }}</span>
                   </div>
+                  <template v-if="day.matches > 0">
+                    <div>
+                      <span>time played: </span>
+                      <span class="font-semibold text-white">{{ day.time|secToHours }}</span>
+                    </div>
+                    <div>
+                      <span>record: </span>
+                      <span class="font-bold text-green-400">{{ day.wins }}</span>
+                      <span> - </span> 
+                      <span class="font-bold text-red-400">{{ day.losses }}</span>
+                    </div>
+                  </template>
                 </div>
               </template>
             </Tooltip>
@@ -106,7 +120,10 @@ export default {
 
         this.gridDays.push({
           date: formattedDay,
+          time: 0,
           matches: 0,
+          wins: 0,
+          losses: 0,
           day: day.toLocaleString('en', { weekday: 'long' }).substring(0, 2),
           month: day.toLocaleString('en', { month: 'long' }).substring(0, 3)
         })
@@ -124,7 +141,10 @@ export default {
           e => e.date === formattedTime
         )
         if (dayOfTheMatch.length > 0) {
-          dayOfTheMatch[0].matches = match.count
+          dayOfTheMatch[0].time = match.time
+          dayOfTheMatch[0].matches = match.wins + match.losses
+          dayOfTheMatch[0].wins = match.wins
+          dayOfTheMatch[0].losses = match.losses
         }
       }
 
diff --git a/client/src/main.js b/client/src/main.js
index ffc092a..4441db7 100644
--- a/client/src/main.js
+++ b/client/src/main.js
@@ -40,6 +40,15 @@ Vue.filter('secToTime', (sec, dotNotation = false) => {
   return dotNotation ? `${min}:${newSec}` : `${min}m${newSec}s`
 })
 
+Vue.filter('secToHours', (sec) => {
+  if (isNaN(sec)) return 0
+
+  const h = Math.floor(sec / 3600)
+  const m = Math.floor((sec % 3600) / 60)
+
+  return h ? `${h}h ${m}m` : `${m}m`
+})
+
 Vue.filter('percent', (value) => {
   return `${+value.toFixed(1)}%`
 })
diff --git a/server/app/Repositories/MatchRepository.ts b/server/app/Repositories/MatchRepository.ts
index 3519da8..acbbada 100644
--- a/server/app/Repositories/MatchRepository.ts
+++ b/server/app/Repositories/MatchRepository.ts
@@ -84,7 +84,9 @@ class MatchRepository {
     const query = `
     SELECT
         to_timestamp(matches.date/1000)::date as day,
-        COUNT(match_players.id) as count
+        SUM(matches.game_duration) as time,
+        COALESCE(SUM(match_players.win), 0) as wins,
+        COALESCE(SUM(match_players.loss), 0) as losses
     FROM
         match_players
         ${this.JOIN_MATCHES}