diff --git a/Components/Card.js b/Components/Card.js
index c7f7cca..29fea4c 100644
--- a/Components/Card.js
+++ b/Components/Card.js
@@ -7,18 +7,26 @@
 class Card extends Component {
     constructor(props) {
         super(props);
+        this.handleClick = this.handleClick.bind(this);
+    }
+
+    handleClick(e) {
+        e.preventDefault();
+        if (this.props.url) {
+            this.props.router.push(this.props.url);
+        }
     }
 
     render() {
         return (
             <div className={Styles.card + " " + (this.props.shown ? Styles.shown : null)} style={{
                 margin: "0"
-            }} onClick={this.props.url ? () => { this.props.router.push(this.props.url)} : null}>
+            }} onClick={this.handleClick}>
                 <div className={Styles.backgroundGradient} style={{
                     backgroundImage: `linear-gradient(69.44deg, #${this.props.gradient[0]} 0%, #${this.props.gradient[1]} 100%)`
                 }} />
                 <img alt="" className={Styles.backgroundImage} src={`https://assets.clicks.codes/web/waves/card/${this.props.wave}.svg`} draggable={false} />
-                <div className={Styles.panel} onClick={() => { this.props.url ? () => { this.props.router.push(this.props.url)} : null}}>
+                <div className={Styles.panel} onClick={this.handleClick}>
                     <div className={Styles.titleContainer}>
                         <img alt="Project icon" className={Styles.image} src={"https://assets.clicks.codes/" + (this.props.icon ? this.props.icon : this.props.wave) + ".svg"} />
                         <h1 className={Styles.title}>{this.props.title}</h1>
diff --git a/Components/Header.js b/Components/Header.js
index ff46351..f5e7bb7 100644
--- a/Components/Header.js
+++ b/Components/Header.js
@@ -69,6 +69,8 @@
                 <meta name="msapplication-TileColor" content={"#000000"} />
             </Head>
             <img draggable={false} alt="" className={Styles.backgroundImage} src={`https://assets.clicks.codes/${props.wave}.svg`} />
+            <div id="headerConfetti" />
+            <div id="disappointmentConfetti" />
             <div className={Styles.panel}>
                 <div className={Styles.titleContainer}>
                     <div onClick={confetti}>
@@ -114,8 +116,6 @@
                     </div> : <></>
                 }
             </div>
-            <div id="headerConfetti" />
-            <div id="disappointmentConfetti" />
         </div>
     )
 }