diff --git a/src/App.css b/src/App.css
index c0e7f81..24d29f2 100644
--- a/src/App.css
+++ b/src/App.css
@@ -55,6 +55,14 @@
 }
 
 .close-button {
+  padding: 2;
+  border: none;
+  background: none;
+  border-radius: 2px;
+  background-color: #5e5a5a;
+  text-decoration: none;
+  color: pink;
+  cursor: pointer;
   margin: 1em;
 }
 
@@ -71,7 +79,7 @@
   width: 50%;
   height: 50%;
   border-radius: 2%;
-  background: rgb(100, 98, 98);
+  background: #121212;
   z-index: 1000;
 }
 
@@ -229,10 +237,12 @@
 }
 
 .singlemusic {
+  cursor: pointer;
   max-width: 15em;
   margin: 1em;
+  padding: 1em;
   border-radius: 3%;
-  background-color: #5e5a5a ;
+  background-color: #272525;
   display: flex;
   align-items: flex-start;
 }
diff --git a/src/App.tsx b/src/App.tsx
index b388a13..3cd329f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -90,8 +90,12 @@ function App() {
       </div>
       <AdvancedBr count={2} />
       <div class='easteregg'>
-        <input type="button" onclick={() => { setpopup(!shouldpopup()) }} class="musicbutton" value="say gex" />
-
+        <div class="musicbutton" onclick={() => { setpopup(!shouldpopup()) }}>
+          <p>typa shit ive been on</p><img style={{
+            "margin-left": "0.3em",
+            "max-width": "1.5em"
+          }} src="https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/72x72/1f525.png"/>
+        </div>
       </div>
       <AdvancedBr count={3} />
       <Music shouldpopup={shouldpopup}>
diff --git a/src/components/music.tsx b/src/components/music.tsx
index d4f8202..c52198b 100644
--- a/src/components/music.tsx
+++ b/src/components/music.tsx
@@ -16,7 +16,6 @@ export function MusicEntry({ spotifylink }: { spotifylink: string }) {
         try {
             const apiresponse = await fetch(`https://corsisdum.exhq.dev/v1-alpha.1/links?url=spotify%253Atrack%253A${spotifylink}`)
             const data = await apiresponse.json()
-            console.log(data)
             setMusicInfo(data)
         } catch (error) {
             console.error("Error fetching music data from song.link:", error);
@@ -28,10 +27,12 @@ export function MusicEntry({ spotifylink }: { spotifylink: string }) {
         <>{isLoading() ? (
             <p>Loading...</p>
         ) : (
-            <div class="singlemusic">
-                <a href={musicInfo().pageUrl}><img  style={{
+            <div onClick={() => {
+                document.location.href = musicInfo().pageUrl
+            }} class="singlemusic">
+                <img style={{
                     "margin-right": "0.5em"
-                }}  src={musicInfo().entitiesByUniqueId[`SPOTIFY_SONG::${spotifylink}`]?.thumbnailUrl} alt="LMAO IMAGINE BEING BLIND" /></a>
+                }} src={musicInfo().entitiesByUniqueId[`SPOTIFY_SONG::${spotifylink}`]?.thumbnailUrl} alt="LMAO IMAGINE BEING BLIND" />
                 <div class="innersinglemusic">
                     <div class="musicartist" > {musicInfo().entitiesByUniqueId[`SPOTIFY_SONG::${spotifylink}`]?.artistName}</div>
                     <div class="musictitle"> {musicInfo().entitiesByUniqueId[`SPOTIFY_SONG::${spotifylink}`]?.title} </div>
diff --git a/src/components/name.tsx b/src/components/name.tsx
index 86b0468..90e8108 100644
--- a/src/components/name.tsx
+++ b/src/components/name.tsx
@@ -1,6 +1,6 @@
 // import { createSignal, onCleanup } from "solid-js";
 import { onCleanup } from "solid-js";
-import { removethething } from "./utils.ts";
+import { removethething } from "./utils.tsx";
 
 function HoverComponent() {
   let timerId: number|null;
diff --git a/src/components/utils.ts b/src/components/utils.tsx
similarity index 100%
rename from src/components/utils.ts
rename to src/components/utils.tsx