diff --git a/static/pyrite.css b/static/pyrite.css
index 2cf2b6b..88b2c9d 100644
--- a/static/pyrite.css
+++ b/static/pyrite.css
@@ -75,6 +75,10 @@ input[type="radio"]:checked+div {
 	align-items: center;
 }
 
+#player_container > div {
+	display: flex;
+}
+
 #cover_art {
 	padding-right: 1em;
 	padding-top: 0.5em;
@@ -86,7 +90,6 @@ img {
 }
 
 #title {
-	display: flex;
 }
 
 input[type='range'] {
@@ -109,6 +112,11 @@ button img {
 	width: 50%;
 }
 
-#seek-slider {
-	width: 100%;
+#seek_controls output {
+	margin-left: 0.125em;
+	margin-right: 0.125em;
+}
+
+#seek-slider {
+	width: 90%;
 }
diff --git a/static/pyrite.jpg b/static/pyrite.jpg
new file mode 100644
index 0000000..531432b
Binary files /dev/null and b/static/pyrite.jpg differ
diff --git a/templates/index.html b/templates/index.html
index 876af5e..18d1d6a 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -27,33 +27,37 @@
 			<div id="track_list" class="list">
 			</div>
 			<div id="player_container">
-				<div id="title">
-					<span id="cover_art"><img alt="Album cover art" src=""></span>
-					<span>
-						<h4>
-							<span id="now_playing_artist">Artist</span> - <span id="now_playing_album">Album</span>
-						</h4>
-						<h3 id="now_playing_title">Title</h3>
-					</span>
-				</div>
-				<div id="player_controls">
-					<audio id="player" controls style="display:none"></audio>
-					<button id="prev-track-btn" class="btn" onclick="prevTrack()">
-						<img id="prev" src="./static/prev.svg"></img>
-					</button>
-					<button id="play-btn" class="btn" onclick="playTrack()">
-						<img id="prev" src="./static/play.svg"></img>
-					</button>
-					<button id="pause-btn" class="btn" onclick="pauseTrack()" style="display:none">
-						<img id="prev" src="./static/pause.svg"></img>
-					</button>
-					<button id="next-track-btn" class="btn" onclick="nextTrack()">
-						<img id="prev" src="./static/prev.svg"></img>
-					</button>
-					<input id="volume-slider" type="range" max="100" value="0">
+				<div>
+					<div id="cover_art"><img alt="Album cover art" src="./static/pyrite.jpg"></div>
+					<div>
+						<div id="title">
+							<h4><span id="now_playing_artist">Artist</span> - <span id="now_playing_album">Album</span></h4>
+							<h3 id="now_playing_title">Title</h3>
+						</div>
+						<div id="player_controls">
+							<audio id="player" style="display:none"></audio>
+							<button id="prev-track-btn" class="btn" onclick="prevTrack()">
+								<img id="prev" src="./static/prev.svg"></img>
+							</button>
+							<button id="play-btn" class="btn" onclick="playTrack()">
+								<img id="prev" src="./static/play.svg"></img>
+							</button>
+							<button id="pause-btn" class="btn" onclick="pauseTrack()" style="display:none">
+								<img id="prev" src="./static/pause.svg"></img>
+							</button>
+							<button id="next-track-btn" class="btn" onclick="nextTrack()">
+								<img id="prev" src="./static/prev.svg"></img>
+							</button>
+							<button id="mute-btn" class="btn">
+								<img id="mute" src="./static/volume-max.svg"</img>
+							</button>
+							<input id="volume-slider" type="range" max="100" value="0">
+						</div>
+					</div>
 				</div>
 				<div id="seek_controls">
 					<input id="seek-slider" type="range" max="100" value="0">
+					<output id="current-time">0:00</output>/<output id="duration">0:00</output>
 				</div>
 			</div>
 		</main>