diff --git a/apps/frontend/src/components/launches/filters.tsx b/apps/frontend/src/components/launches/filters.tsx
index 5dcc29a8..f87cea68 100644
--- a/apps/frontend/src/components/launches/filters.tsx
+++ b/apps/frontend/src/components/launches/filters.tsx
@@ -146,7 +146,7 @@ export const Filters = () => {
   ]);
   return (
     <div className="text-textColor flex gap-[8px] items-center select-none">
-      <div onClick={previous}>
+      <div onClick={previous} className="cursor-pointer">
         <svg
           xmlns="http://www.w3.org/2000/svg"
           width="20"
@@ -171,7 +171,7 @@ export const Filters = () => {
           ? `Week ${week.currentWeek}`
           : `${dayjs().month(week.currentMonth).format('MMMM')}`}
       </div>
-      <div onClick={next}>
+      <div onClick={next} className="cursor-pointer">
         <svg
           xmlns="http://www.w3.org/2000/svg"
           width="20"
diff --git a/apps/frontend/src/components/layout/mode.component.tsx b/apps/frontend/src/components/layout/mode.component.tsx
index fac44716..68240055 100644
--- a/apps/frontend/src/components/layout/mode.component.tsx
+++ b/apps/frontend/src/components/layout/mode.component.tsx
@@ -15,7 +15,7 @@ const ModeComponent = () => {
   }, [mode]);
 
   return (
-    <div onClick={changeMode} className="select-none">
+    <div onClick={changeMode} className="select-none cursor-pointer">
       {mode === 'dark' ? (
         <svg
           xmlns="http://www.w3.org/2000/svg"