diff --git a/static/css/s2.css b/static/css/s2.css
index 5574a2f1b9..cdffc019c6 100644
--- a/static/css/s2.css
+++ b/static/css/s2.css
@@ -14570,6 +14570,10 @@ body .homeFeedWrapper.userStats {
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
 }
 
+.user_state {
+    font-family: var(--hebrew-serif-font-family);
+}
+
 .userStatModeButton {
     background-color: #fff;
     color: #666;
diff --git a/static/js/UserStats.jsx b/static/js/UserStats.jsx
index 6f09a2a361..22ada70ac6 100644
--- a/static/js/UserStats.jsx
+++ b/static/js/UserStats.jsx
@@ -76,7 +76,7 @@ const UserStatModeChooser = ({modes, activeMode, setMode}) => (
 const UserStatModeButton = ({thisMode, activeMode, setMode}) => (
     <div className={"userStatModeButton" + (thisMode === activeMode?" active":"")}
          onClick  ={()=>setMode(thisMode)}>
-        <span>{Sefaria._(thisMode)}</span>
+        <span className='user_state'>{Sefaria._(thisMode)}</span>
     </div>
 );