diff --git a/src/components/utils/Lightbar.tsx b/src/components/utils/Lightbar.tsx
index 0949dad3..6968c597 100644
--- a/src/components/utils/Lightbar.tsx
+++ b/src/components/utils/Lightbar.tsx
@@ -161,8 +161,8 @@ function ParticlesCanvas() {
 
 export function Lightbar(props: { className?: string }) {
   return (
-    <div className="absolute inset-0 w-full h-[300vh] overflow-hidden pointer-events-none -mt-64">
-      <div className="max-w-screen w-full h-[300vh] relative pt-64">
+    <div className="absolute inset-0 w-full h-[calc(100vh+16rem)] overflow-hidden pointer-events-none -mt-64">
+      <div className="max-w-screen w-full h-[calc(100vh+16rem)] relative pt-64">
         <div className={props.className}>
           <div className="lightbar">
             <ParticlesCanvas />