diff --git a/src/pages/ranklist.js b/src/pages/ranklist.js
index 83f615e..3981b9b 100644
--- a/src/pages/ranklist.js
+++ b/src/pages/ranklist.js
@@ -91,15 +91,15 @@ export default function RankList({ globalData }) {
   const [selfUserId, setSelfUserId] = useState('...')
   const [key, setKey] = useState('newQuestions')
   const [since, setSince] = useState('all')
-  const [sum, setSum] = useState({})
+  const [sum, setSum] = useState()
 
   const getList = () => {
-    setSum({})
+    setSum()
     setRanklist(null)
     getListFromServer(since)
       .then((data) => {
         setRanklist(data.list || [])
-        setSum(data.sum || {})
+        setSum(data.sum)
         if (data.selfuserId) {
           setSelfUserId(data.selfuserId)
         }
@@ -188,55 +188,57 @@ export default function RankList({ globalData }) {
               })}
             </select>
           </div>
-          <div className={`${styles.sumRow}`}>
-            <div />
-            <div>
-              <b>{'Összesen: '}</b>
-            </div>
-            <div>{sum.newQuestions}</div>
-            <div>{sum.allQuestions}</div>
-            <div>{sum.count}</div>
-          </div>
-          <div className={styles.headerRow}>
-            <div>
-              <b>{'Rank'}</b>
-            </div>
-            <div>{'Felhasználó ID'}</div>
-            {Object.keys(selectOptions).map((listKey) => {
-              const val = selectOptions[listKey]
-              return (
-                <div
-                  className={`${listKey === key && styles.selected}`}
-                  key={listKey}
-                >
-                  {val.name}
-                </div>
-              )
-            })}
-          </div>
-        </div>
-        <div className={styles.table}>
-          {list ? (
-            list.map((listItem, i) => {
-              return (
-                <div
-                  className={`${styles.row} ${listItem.userId === selfUserId &&
-                    styles.selfRow}`}
-                  key={i}
-                >
-                  <div>{listItem.rank + 1}</div>
-                  <div>{'#' + listItem.userId}</div>
-                  {Object.keys(selectOptions).map((listKey) => {
-                    const val = listItem[listKey]
-                    return <div key={listKey}>{val}</div>
-                  })}
-                </div>
-              )
-            })
-          ) : (
-            <LoadingIndicator />
-          )}
         </div>
+        {sum && list ? (
+          <>
+            <div className={`${styles.sumRow}`}>
+              <div />
+              <div>
+                <b>{'Összesen: '}</b>
+              </div>
+              <div>{sum.newQuestions.toLocaleString('hu')}</div>
+              <div>{sum.allQuestions.toLocaleString('hu')}</div>
+              <div>{sum.count.toLocaleString('hu')}</div>
+            </div>
+            <div className={styles.headerRow}>
+              <div>
+                <b>{'Rank'}</b>
+              </div>
+              <div>{'Felhasználó ID'}</div>
+              {Object.keys(selectOptions).map((listKey) => {
+                const val = selectOptions[listKey]
+                return (
+                  <div
+                    className={`${listKey === key && styles.selected}`}
+                    key={listKey}
+                  >
+                    {val.name}
+                  </div>
+                )
+              })}
+            </div>
+            <div className={styles.table}>
+              {list.map((listItem, i) => {
+                return (
+                  <div
+                    className={`${styles.row} ${listItem.userId ===
+                      selfUserId && styles.selfRow}`}
+                    key={i}
+                  >
+                    <div>{listItem.rank + 1}</div>
+                    <div>{'#' + listItem.userId}</div>
+                    {Object.keys(selectOptions).map((listKey) => {
+                      const val = listItem[listKey]
+                      return <div key={listKey}>{val}</div>
+                    })}
+                  </div>
+                )
+              })}
+            </div>
+          </>
+        ) : (
+          <LoadingIndicator />
+        )}
       </div>
     </div>
   )