diff --git a/web/src/components/player/VideoControls.tsx b/web/src/components/player/VideoControls.tsx
index 153cd59f5..429a4185b 100644
--- a/web/src/components/player/VideoControls.tsx
+++ b/web/src/components/player/VideoControls.tsx
@@ -145,7 +145,7 @@ export default function VideoControls({
       className={`px-4 py-2 flex justify-between items-center gap-8 text-primary z-50 bg-background/60 rounded-lg ${className ?? ""}`}
     >
       {video && features.volume && (
-        <div className="flex justify-normal items-center gap-2">
+        <div className="flex justify-normal items-center gap-2 cursor-pointer">
           <VolumeIcon
             className="size-5"
             onClick={(e: React.MouseEvent) => {
diff --git a/web/src/pages/site-navigation.ts b/web/src/pages/site-navigation.ts
index 67fee2c13..18fd82e4d 100644
--- a/web/src/pages/site-navigation.ts
+++ b/web/src/pages/site-navigation.ts
@@ -1,7 +1,7 @@
 import Logo from "@/components/Logo";
 import { FaCompactDisc, FaVideo } from "react-icons/fa";
-import { TbTimelineEventFilled } from "react-icons/tb";
 import { LuConstruction } from "react-icons/lu";
+import { MdVideoLibrary } from "react-icons/md";
 
 export const navbarLinks = [
   {
@@ -12,7 +12,7 @@ export const navbarLinks = [
   },
   {
     id: 2,
-    icon: TbTimelineEventFilled,
+    icon: MdVideoLibrary,
     title: "Review",
     url: "/review",
   },