diff --git a/webapp/src/app/[locale]/(GlobalWrapper)/(Auth)/dashboard/(home)/page.tsx b/webapp/src/app/[locale]/(GlobalWrapper)/(Auth)/dashboard/(home)/page.tsx
index c123834..abdf578 100644
--- a/webapp/src/app/[locale]/(GlobalWrapper)/(Auth)/dashboard/(home)/page.tsx
+++ b/webapp/src/app/[locale]/(GlobalWrapper)/(Auth)/dashboard/(home)/page.tsx
@@ -12,7 +12,7 @@ import { AppDispatch } from '@/redux/store';
 import { load } from '@/redux/features/statistics-slice'
 import CircularProgress from '@mui/material/CircularProgress';
 import { useTranslations } from 'next-intl';
-import { Button } from '@/components/ui/button';
+import Button from '@mui/material/Button';
 import { RefreshCw } from 'lucide-react';
 
 export default function Page() {
@@ -55,14 +55,14 @@ export default function Page() {
       <main className="min-h-[250px] max-h-[750px]">
         <div className="w-full flex justify-end mb-4">
           <Button 
-            variant="outline" 
-            size="sm" 
+            variant="outlined"
+            size="small"
             onClick={fetchData}
             disabled={isLoading}
+            startIcon={<RefreshCw className={`h-4 w-4 ${isLoading ? 'animate-spin' : ''}`} />}
             className="flex items-center gap-2"
           >
-            <RefreshCw className={`h-4 w-4 ${isLoading ? 'animate-spin' : ''}`} />
-            {t('refresh')}
+            {t('refresh') || 'Refresh'}
           </Button>
         </div>