diff --git a/components/Nav.tsx b/components/Nav.tsx
index a35bbc6..f4451ff 100644
--- a/components/Nav.tsx
+++ b/components/Nav.tsx
@@ -1,6 +1,5 @@
 'use client';
 
-import Image from 'next/image';
 import Link, { LinkProps } from 'next/link';
 import Wrapper from './Wrapper';
 import { useEffect, useRef, useState } from 'react';
diff --git a/components/TopFade.tsx b/components/TopFade.tsx
index 53273a7..1d0b01a 100644
--- a/components/TopFade.tsx
+++ b/components/TopFade.tsx
@@ -2,18 +2,18 @@
 
 import { useEffect, useState } from 'react';
 
+const calculatedBrightnessValue = () => {
+  if (window.scrollY > 200) return 0.5;
+  const amountToDecrease = (window.scrollY / 200) * 0.5;
+  return 1 - amountToDecrease;
+};
+
 export default function TopFade() {
-  const [brightness, setBrightness] = useState(1);
+  const [brightness, setBrightness] = useState(calculatedBrightnessValue());
 
   const handleScroll = (event: Event) => {
-    if (window.scrollY > 200) {
-      if (brightness === 0.5) return;
-      setBrightness(0.5);
-      return;
-    }
-
-    const amountToDecrease = (window.scrollY / 200) * 0.5;
-    setBrightness(1 - amountToDecrease);
+    if (window.scrollY > 200 && brightness === 0.5) return;
+    setBrightness(calculatedBrightnessValue());
   };
 
   useEffect(() => {