diff --git a/resources/cider-ui/style.less b/resources/cider-ui/style.less
index e6d81a26..b262ff8b 100644
--- a/resources/cider-ui/style.less
+++ b/resources/cider-ui/style.less
@@ -2092,8 +2092,8 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
 
 /* mediaitem-mvview */
 .cd-mediaitem-mvview {
-  width: 300px;
-  height: 250px;
+  width: 220px;
+  height: 180px;
   display: inline-flex;
   flex: 0 0 auto;
   flex-direction: column;
@@ -2110,9 +2110,8 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
 }
 
 .cd-mediaitem-mvview .artwork {
-  height: 190px;
-  width: 300px;
-  background: blue;
+  height: 120px;
+  width: 210px;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   background: var(--artwork);
@@ -2124,14 +2123,12 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
 
 .cd-mediaitem-mvview-overlay {
   position: absolute;
-  width: 300px;
-  float: right;
-  height: 250px;
+  width: 100%;
+  height: 100%;
   top: 0px;
   margin: 10px;
   margin-top: 0px;
   opacity: 0;
-
 }
 
 .cd-mediaitem-mvview-overlay>* {
diff --git a/resources/cider-ui/views/components/mediaitem-mvview.ejs b/resources/cider-ui/views/components/mediaitem-mvview.ejs
index f6a4924d..4f872d0e 100644
--- a/resources/cider-ui/views/components/mediaitem-mvview.ejs
+++ b/resources/cider-ui/views/components/mediaitem-mvview.ejs
@@ -14,8 +14,8 @@
                     <div class="button" style="
                     border-radius: 50%;
                     background: rgba(50,50,50,0.7);"
-                         :style="[(!(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('radioStation') && !(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('song')) ? {'margin': '140px',
-                        'margin-left': '250px',
+                         :style="[(!(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('radioStation') && !(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('song')) ? {'margin': '74px',
+                        'margin-left': '174px',
                         width: '40px',
                         height: '40px',} :
                         {margin: '35px',  'margin-left': '95px',
@@ -32,20 +32,20 @@
                 </div>
 
             </div>
-            <div class="cd-mediaitem-mvview-overlay" @click.self='app.routeView(item)' tabindex="0">
-                <div class="button" style="
-                border-radius: 50%;
-                background: rgba(50,50,50,0.7);"
-                     :style="[(!(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('radioStation') && !(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('song')) ? {'margin': '140px',
-                    'margin-left': '250px', 
-                    width: '40px',
-                    height: '40px',} :
-                    {margin: '35px',  'margin-left': '95px',
-                    width: '120px',
-                    height: '120px',}]" @click="app.playMediaItem(item)">
-                    <%- include("../svg/play.svg") %>
-                </div>
-            </div>
+<!--            <div class="cd-mediaitem-mvview-overlay" @click.self='app.routeView(item)' tabindex="0">-->
+<!--                <div class="button" style="-->
+<!--                border-radius: 50%;-->
+<!--                background: rgba(50,50,50,0.7);"-->
+<!--                     :style="[(!(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('radioStation') && !(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('song')) ? {'margin': '140px',-->
+<!--                    'margin-left': '250px', -->
+<!--                    width: '40px',-->
+<!--                    height: '40px',} :-->
+<!--                    {margin: '35px',  'margin-left': '95px',-->
+<!--                    width: '120px',-->
+<!--                    height: '120px',}]" @click="app.playMediaItem(item)">-->
+<!--                    <%- include("../svg/play.svg") %>-->
+<!--                </div>-->
+<!--            </div>-->
         </div>
     </template>
 </script>
diff --git a/resources/cider-ui/views/main.ejs b/resources/cider-ui/views/main.ejs
index f316d2bd..1d8967a4 100644
--- a/resources/cider-ui/views/main.ejs
+++ b/resources/cider-ui/views/main.ejs
@@ -244,6 +244,9 @@
                         <cider-artist :data="artistPage.data"></cider-artist>
                     </template>
                 </transition>
+                <transition name="wpfade">
+                    <%- include('pages/zoo') %>
+                </transition>
                 <transition name="wpfade">
                     <%- include('pages/webview') %>
                 </transition>
diff --git a/resources/cider-ui/views/pages/zoo.ejs b/resources/cider-ui/views/pages/zoo.ejs
new file mode 100644
index 00000000..0c6ffaef
--- /dev/null
+++ b/resources/cider-ui/views/pages/zoo.ejs
@@ -0,0 +1,19 @@
+<template v-if="page == 'zoo'">
+    <div class="content-inner">
+        <h3>Welcome to element park. *BERR NERR NERR NERR NERRRRR BERR NER NER NER NERRR BERRR NR NR NRRRR*</h3>
+        <div tabindex="0" class="cd-mediaitem-video">
+            <div class="artwork">
+                <mediaitem-artwork
+                        url="https://is1-ssl.mzstatic.com/image/thumb/Video115/v4/00/8b/eb/008beb79-fc95-a24f-eb38-b2cc5a472d4e/8864491155490101.jpg/{w}x{h}mv.{f}"
+                        size="300"
+                        type="song"></mediaitem-artwork>
+            </div>
+            <div class="title text-overflow-elipsis">
+                Name
+            </div>
+            <div class="subtitle text-overflow-elipsis">
+                Artist Name
+            </div>
+        </div>
+    </div>
+</template>