diff --git a/src/components/Header/index.jsx b/src/components/Header/index.jsx
index d5774bc..7c22ef0 100644
--- a/src/components/Header/index.jsx
+++ b/src/components/Header/index.jsx
@@ -14,7 +14,6 @@ const Header = (props) => {
     <header className="sticky top-0 z-999 flex w-full bg-white drop-shadow-1 dark:bg-boxdark dark:drop-shadow-none">
       <div className="flex flex-grow items-center py-4 px-4 shadow-2 md:px-6 2xl:px-11">
         <div className="flex items-center gap-2 sm:gap-4 lg:hidden">
-          {/* <!-- Hamburger Toggle BTN --> */}
           <button
             aria-controls="sidebar"
             onClick={(e) => {
@@ -55,19 +54,15 @@ const Header = (props) => {
               </span>
             </span>
           </button>
-          {/* <!-- Hamburger Toggle BTN --> */}
-
-          {/* <Link className="block flex-shrink-0 lg:hidden" to="/">
-            <img src={Logo} alt="Logo" />
-          </Link> */}
         </div>
 
         <div className="ml-4 flex-1">
           <h1>Loan market / {props.routeName}</h1>
         </div>
 
-        <button onClick={() => handleLogoutClick()}>
-          <h1>logout</h1>
+        <button onClick={() => handleLogoutClick()} className='flex flex-row items-center'>
+          <svg xmlns="http://www.w3.org/2000/svg" className='w-4 h-4' viewBox="0 -960 960 960"><path d="M450-438v-406h60v406h-60Zm30 320q-74 0-139.5-28.5T226-224q-49-49-77.5-114.5T120-478q0-80 34-149.5T250-751l42 42q-53 43-82.5 102.5T180-478.022Q180-353 267.5-265.5 355-178 480-178q125.357 0 212.679-87.5Q780-353 780-478.022 780-547 750.5-607.5 721-668 670-709l43-42q60 51 93.5 122T840-478q0 74-28.5 139.5t-77 114.5q-48.5 49-114 77.5T480-118Z"/></svg>
+          <h1 className='ml-2'>Log out</h1>
         </button>
 
 
diff --git a/src/index.css b/src/index.css
index c9849f9..490ee4f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
diff --git a/src/pages/Dashboard/index.jsx b/src/pages/Dashboard/index.jsx
index abd2868..0919b47 100644
--- a/src/pages/Dashboard/index.jsx
+++ b/src/pages/Dashboard/index.jsx
@@ -10,16 +10,13 @@ const Dashboard = () => {
   const dispatch = useDispatch();
   const navigate = useNavigate();
   const auth = useSelector(state => state.auth)
-  const handleOnClick = () => {
-    dispatch(logout())
-    navigate("/")
-  }
+  
   return (
     <>
       <div className='mb-6 flex flex-col-2 gap-3 flex-row justify-between'>
         <div>
-          <h1>Dashboard</h1>
-          <h3>User quantity</h3>
+          <h1 className='font-semibold text-xl'>Dashboard</h1>
+          <h3 className='text-md'>User quantity</h3>
         </div>
         { auth.role_id != 2 &&
           <button className='bg-primary rounded justify-center hover:bg-opacity-70 text-gray font-medium px-4 py-3 flex'>
@@ -145,8 +142,8 @@ const Dashboard = () => {
         </div>
       </div>
       <div className='mb-5 mt-15'>
-          <h2>Data & analytics</h2>
-          <p>Show updates of post</p>
+          <h1 className='font-semibold text-xl'>Data & analytics</h1>
+          <h3 className='text-md'>Show updates of post</h3>
         </div>
         {/* container */}
         <div className='bg-white px-3 py-3 rounded'>
@@ -158,8 +155,8 @@ const Dashboard = () => {
               <div className='grid lg:grid-cols-2 py-2 gap-10' style={{ borderBottomWidth: 1, borderColor: '#ededed'}}>
                 <div className='flex flex-row px-2 justify-between' style={{ borderLeftWidth: 4, borderRadius: 4, borderColor: '#68c0d9'}}>
                   <div className='flex flex-col flex'>
-                    <p>Belum diproses</p>
-                    <p>9123</p>
+                    <p className='text-xs'>Belum diproses</p>
+                    <p>9,123</p>
                   </div>
                   <div style={{ width: '100px'}}>
                     <SparkChart />
@@ -167,8 +164,8 @@ const Dashboard = () => {
                 </div>
                 <div className='flex flex-row justify-between px-2' style={{ borderLeftWidth: 4, borderRadius: 4, borderColor: '#f76c6b'}}>
                   <div className='flex flex-col flex'>
-                    <p>Sudah diproses</p>
-                    <p>9123</p>
+                    <p className='text-xs'>Sudah diproses</p>
+                    <p>9,123</p>
                   </div>
                   <div style={{ width: '100px'}}>
                     <SparkChart />
@@ -185,8 +182,8 @@ const Dashboard = () => {
                 <div>
                   <div className='flex flex-row  px-2' style={{ borderLeftWidth: 4, borderRadius: 4, borderColor: '#fcc00c'}}>
                     <div className='flex flex-col flex mr-10'>
-                      <p>Customer</p>
-                      <p>9123</p>
+                      <p className='text-xs'>Customer</p>
+                      <p>9,123</p>
                     </div>
                     <div style={{ width: '150px'}}>
                       <SparkChart />
diff --git a/src/pages/News/index.jsx b/src/pages/News/index.jsx
index 7f8b89f..5b87981 100644
--- a/src/pages/News/index.jsx
+++ b/src/pages/News/index.jsx
@@ -42,7 +42,7 @@ const News = () => {
     <>
       <div className="flex flex-row justify-end">
         <button className='bg-primary rounded justify-center hover:bg-opacity-70 text-gray font-medium px-4 py-3 flex'>
-          <svg xmlns="http://www.w3.org/2000/svg" className="mr-3" style={{ alignSelf: 'center' }} fill="white" height="18" viewBox="0 -960 960 960" width="18"><path d="M730-400v-130H600v-60h130v-130h60v130h130v60H790v130h-60Zm-370-81q-66 0-108-42t-42-108q0-66 42-108t108-42q66 0 108 42t42 108q0 66-42 108t-108 42ZM40-160v-94q0-35 17.5-63.5T108-360q75-33 133.338-46.5 58.339-13.5 118.5-13.5Q420-420 478-406.5 536-393 611-360q33 15 51 43t18 63v94H40Zm60-60h520v-34q0-16-9-30.5T587-306q-71-33-120-43.5T360-360q-58 0-107.5 10.5T132-306q-15 7-23.5 21.5T100-254v34Zm260-321q39 0 64.5-25.5T450-631q0-39-25.5-64.5T360-721q-39 0-64.5 25.5T270-631q0 39 25.5 64.5T360-541Zm0-90Zm0 411Z" /></svg>
+        <svg xmlns="http://www.w3.org/2000/svg" className="mr-3 w-6 h-6" style={{ alignSelf: 'center' }} fill="white" viewBox="0 -960 960 960" ><path d="M450-450H200v-60h250v-250h60v250h250v60H510v250h-60v-250Z"/></svg>
           Create News
         </button>
       </div>