still trying to fix the scroll div

Still trying to get the scroll div to work correctly with the page for all devices, or at the very least desktop devices.

components/NavBar.js

@@ -68,8 +68,17 @@ export default function NavBar({ activeLink, teamData }) {
         href="/stats"
         className={`nav-item ${activeLink === "stats" ? "active" : ""}`}
       >
-        <div className="nav-icon">📊</div>
-        <div className="nav-label">Stats</div>
+        <div className="nav-icon icon-container">
+          <Image
+            src="/images/bar-chart.svg"
+            alt="Stats"
+            width={40}
+            height={40}
+            className={`icon-image ${
+              activeLink === "stats" ? "inverted-icon" : ""
+            }`}
+          />
+        </div>
       </Link>
 
       <Link