diff --git a/frontend/src/pages/DashboardPage.tsx b/frontend/src/pages/DashboardPage.tsx
index cfdb255..ff926fe 100644
--- a/frontend/src/pages/DashboardPage.tsx
+++ b/frontend/src/pages/DashboardPage.tsx
@@ -1,5 +1,6 @@
 import { useEffect, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
+import { TrendingUp, TrendingDown } from 'lucide-react';
 import { api, DashboardData, Match } from '../api/client';
 import TipModal from '../components/TipModal';
 import styles from './DashboardPage.module.css';
@@ -157,8 +158,8 @@ export default function DashboardPage(_props: Props) {
         <div className={`card ${styles.statTile}`}>
           <span className={styles.statValue}>
             {stats.rank !== null ? stats.rank : '—'}
-            {rankDiff > 0 && <span className={styles.rankUp}>↑{rankDiff}</span>}
-            {rankDiff < 0 && <span className={styles.rankDown}>↓{Math.abs(rankDiff)}</span>}
+            {rankDiff > 0 && <span className={styles.rankUp}><TrendingUp size={14} strokeWidth={2.5} /></span>}
+            {rankDiff < 0 && <span className={styles.rankDown}><TrendingDown size={14} strokeWidth={2.5} /></span>}
           </span>
           <span className={styles.statLabel}>Dein Rang</span>
         </div>