diff --git a/web/src/components/ButtonsTabbed.jsx b/web/src/components/ButtonsTabbed.jsx
index e72d18a5b..c9d7adc07 100644
--- a/web/src/components/ButtonsTabbed.jsx
+++ b/web/src/components/ButtonsTabbed.jsx
@@ -12,9 +12,6 @@ export default function ButtonsTabbed({
 }) {
   const { t } = useTranslation();
   const [selected, setSelected] = useState(0);
-  const captitalize = (str) => {
-    return `${str.charAt(0).toUpperCase()}${str.slice(1)}`;
-  };
 
   const getHeader = useCallback(
     (i) => {
@@ -38,7 +35,7 @@ export default function ButtonsTabbed({
       {viewModes.map((item, i) => {
         return (
           <button key={i} onClick={() => handleClick(i)} className={i === selected ? selectedClassName : className}>
-            {captitalize(item)}
+            {t(item)}
           </button>
         );
       })}