diff --git a/src/App.vue b/src/App.vue
index 5067e9b1..4395b690 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -11,7 +11,7 @@
       <Navigation :collapsed="collapsed" />
       <!-- <PinnedStuff :collapsed="collapsed" /> -->
       <div class="l-album-art">
-        <AlbumArt />
+        <AlbumArt :collapsed="collapsed" />
       </div>
     </div>
     <div class="content">
diff --git a/src/components/LeftSidebar/AlbumArt.vue b/src/components/LeftSidebar/AlbumArt.vue
index e520d59a..32ab9717 100644
--- a/src/components/LeftSidebar/AlbumArt.vue
+++ b/src/components/LeftSidebar/AlbumArt.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="l_">
+  <div class="l_" v-if="!props.collapsed">
     <div
       class="l-image image border rounded"
       :style="{
@@ -14,11 +14,17 @@ import { ref } from "vue";
 import state from "../../composables/state";
 
 const current = ref(state.current);
+const props = defineProps({
+  collapsed: {
+    type: Boolean,
+    default: false,
+  },
+});
 </script>
 <style lang="scss">
 .l_ {
   padding: $small;
-  
+
   .l-image {
     height: 14rem;
     width: 14rem;