diff --git a/src/lib.rs b/src/lib.rs
index c00b6dc..2670b01 100644
--- a/src/lib.rs
+++ b/src/lib.rs
@@ -4,6 +4,7 @@ pub mod playstatus;
 pub mod playbar;
 pub mod database;
 pub mod queue;
+pub mod song;
 use cfg_if::cfg_if;
 
 cfg_if! {
diff --git a/src/queue.rs b/src/queue.rs
index 4300197..fc786b9 100644
--- a/src/queue.rs
+++ b/src/queue.rs
@@ -1,4 +1,5 @@
 use crate::playstatus::PlayStatus;
+use crate::song::Song;
 use leptos::ev::MouseEvent;
 use leptos::leptos_dom::*;
 use leptos::*;
@@ -19,19 +20,6 @@ fn remove_song_fn(index: usize, status: RwSignal<PlayStatus>) {
 	}
 }
 
-#[component]
-fn Song(song_image_path: String, song_title: String, song_artist: String) -> impl IntoView {
-	view!{
-		<div class="queue-song">
-			<img src={song_image_path} alt={song_title.clone()} />
-			<div class="queue-song-info">
-				<h3>{song_title}</h3>
-				<p>{song_artist}</p>
-			</div>
-		</div>
-	}
-}
-
 #[component]
 pub fn Queue(status: RwSignal<PlayStatus>) -> impl IntoView {
 
diff --git a/src/song.rs b/src/song.rs
new file mode 100644
index 0000000..615cfc6
--- /dev/null
+++ b/src/song.rs
@@ -0,0 +1,14 @@
+use leptos::*;
+
+#[component]
+pub fn Song(song_image_path: String, song_title: String, song_artist: String) -> impl IntoView {
+	view!{
+		<div class="queue-song">
+			<img src={song_image_path} alt={song_title.clone()} />
+			<div class="queue-song-info">
+				<h3>{song_title}</h3>
+				<p>{song_artist}</p>
+			</div>
+		</div>
+	}
+}
\ No newline at end of file