diff --git a/src/components/GlobalRanking.tsx b/src/components/GlobalRanking.tsx
index 0caf5db..a79478e 100644
--- a/src/components/GlobalRanking.tsx
+++ b/src/components/GlobalRanking.tsx
@@ -146,10 +146,7 @@ export default function GlobalRanking({ page, country }: GlobalRankingProps) {
                   </thead>
                   <tbody className="border-none">
                     {players.map((player) => (
-                      <tr
-                        key={player.rank}
-                        className="border-b border-gray-700"
-                      >
+                      <tr key={player.rank} className="border-b border-border">
                         <PlayerRanking
                           showCountryFlag={country ? false : true}
                           player={player}
@@ -165,7 +162,7 @@ export default function GlobalRanking({ page, country }: GlobalRankingProps) {
                   {players.map((player) => (
                     <div
                       key={player.rank}
-                      className="flex flex-col gap-2 rounded-md bg-gray-700 hover:bg-gray-600"
+                      className="flex flex-col gap-2 rounded-md bg-background"
                     >
                       <Link href={`/player/${player.id}/top/1`}>
                         <PlayerRankingMobile player={player} />
diff --git a/src/components/player/Scores.tsx b/src/components/player/Scores.tsx
index a3e7862..bea4de2 100644
--- a/src/components/player/Scores.tsx
+++ b/src/components/player/Scores.tsx
@@ -128,7 +128,7 @@ export default function Scores({ playerData, page, sortType }: ScoresProps) {
             <Spinner />
           </div>
         ) : (
-          <div className="grid grid-cols-1 divide-y divide-gray-700">
+          <div className="grid grid-cols-1 divide-y divide-border">
             {!scores.loading && scores.scores.length == 0 ? (
               <p className="text-red-400">{errorMessage}</p>
             ) : (