diff --git a/src/components/ModWatchtools.jsx b/src/components/ModWatchtools.jsx
index d70a42c..502be67 100644
--- a/src/components/ModWatchtools.jsx
+++ b/src/components/ModWatchtools.jsx
@@ -367,11 +367,13 @@ function ModWatchtools() {
                         case 'user': {
                           const seperator = val.lastIndexOf(',');
                           if (seperator === -1) {
-                            return (<td>{val}</td>);
+                            return (<td><span>{val}</span></td>);
                           }
                           return (
                             <td title={val.slice(seperator + 1)}>
-                              {val.slice(0, seperator)}
+                              <span>
+                                {val.slice(0, seperator)}
+                              </span>
                             </td>
                           );
                         }
diff --git a/src/components/Rankings.jsx b/src/components/Rankings.jsx
index 8cfc012..6dfc56a 100644
--- a/src/components/Rankings.jsx
+++ b/src/components/Rankings.jsx
@@ -64,7 +64,7 @@ const Rankings = () => {
             ? totalDailyRanking.map((rank) => (
               <tr key={rank.name}>
                 <td>{rank.dailyRanking}</td>
-                <td>{rank.name}</td>
+                <td><span>{rank.name}</span></td>
                 <td>{rank.dailyTotalPixels}</td>
                 <td>{rank.ranking}</td>
                 <td>{rank.totalPixels}</td>
@@ -73,7 +73,7 @@ const Rankings = () => {
             : totalRanking.map((rank) => (
               <tr key={rank.name}>
                 <td>{rank.ranking}</td>
-                <td>{rank.name}</td>
+                <td><span>{rank.name}</span></td>
                 <td>{rank.totalPixels}</td>
                 <td>{rank.dailyRanking}</td>
                 <td>{rank.dailyTotalPixels}</td>