diff --git a/apps/frontend/src/app/global.css b/apps/frontend/src/app/global.css
index e8e06b4a..e8312804 100644
--- a/apps/frontend/src/app/global.css
+++ b/apps/frontend/src/app/global.css
@@ -55,7 +55,6 @@ html {
 
 .table1 tbody td {
   padding: 16px 24px;
-  font-family: Inter;
   font-size: 14px;
 }
 
diff --git a/apps/frontend/src/components/analytics/stars.table.component.tsx b/apps/frontend/src/components/analytics/stars.table.component.tsx
index a60b9fe5..92fc0836 100644
--- a/apps/frontend/src/components/analytics/stars.table.component.tsx
+++ b/apps/frontend/src/components/analytics/stars.table.component.tsx
@@ -15,6 +15,7 @@ import useSWR from 'swr';
 import clsx from 'clsx';
 import { useFetch } from '@gitroom/helpers/utils/custom.fetch';
 import ReactLoading from 'react-loading';
+import interClass from '@gitroom/react/helpers/inter.font';
 
 export const UpDown: FC<{ name: string; param: string }> = (props) => {
   const { name, param } = props;
@@ -206,7 +207,7 @@ export const StarsTableComponent = () => {
       </div>
       <div className="flex-1 bg-secondary">
         {stars?.stars?.length ? (
-          <table className="table1">
+          <table className={`table1 ${interClass}`}>
             <thead>
               <tr>
                 <th>