diff --git a/src/components/LeftSidebar/nowPlaying.vue b/src/components/LeftSidebar/nowPlaying.vue
index 76a7cc1..f0781de 100644
--- a/src/components/LeftSidebar/nowPlaying.vue
+++ b/src/components/LeftSidebar/nowPlaying.vue
@@ -57,6 +57,8 @@ const props = defineProps({
     position: absolute;
     background-size: 1.5rem;
     top: $small;
+    cursor: pointer;
+    transition: all 200ms;
 
     &:hover {
       background-color: $gray2;
@@ -67,6 +69,10 @@ const props = defineProps({
     right: $small;
     background-image: url("../../assets/icons/right-arrow.svg");
     transform: rotate(90deg);
+
+    &:hover {
+      transform: rotate(0deg);
+    }
   }
 
   br {
diff --git a/src/components/contextMenu.vue b/src/components/contextMenu.vue
index 9e842dd..3773104 100644
--- a/src/components/contextMenu.vue
+++ b/src/components/contextMenu.vue
@@ -25,11 +25,7 @@
       <div class="label ellip">{{ option.label }}</div>
       <div class="more image" v-if="option.children"></div>
       <div class="children rounded shadow-sm" v-if="option.children">
-        <div
-          class="context-item"
-          v-for="child in option.children"
-          :key="child"
-        >
+        <div class="context-item" v-for="child in option.children" :key="child">
           <div class="label ellip" @click="child.action()">
             {{ child.label }}
           </div>
@@ -46,8 +42,6 @@ const context = useContextStore();
 </script>
 
 <style lang="scss">
-
-
 .context-menu {
   position: fixed;
   top: 0;
@@ -135,6 +129,10 @@ const context = useContextStore();
       background-image: url("../assets/icons/add_to_queue.svg");
     }
 
+    .heart {
+      background-image: url("../assets/icons/heart.svg");
+    }
+
     &:hover {
       background: #234ece;
 
diff --git a/src/composables/getFiles.js b/src/composables/getFiles.js
index 074b00c..9a9ca23 100644
--- a/src/composables/getFiles.js
+++ b/src/composables/getFiles.js
@@ -1,4 +1,4 @@
-let base_uri = "http://10.5.8.182:9876/";
+let base_uri = "http://127.0.0.1:9876/";
 
 const getTracksAndDirs = async (path) => {
     let url;
diff --git a/src/composables/loadmore.js b/src/composables/loadmore.js
index 67a247a..314018b 100644
--- a/src/composables/loadmore.js
+++ b/src/composables/loadmore.js
@@ -1,6 +1,6 @@
 import axios from "axios";
 
-const url = "http://10.5.8.182:9876/search/loadmore";
+const url = "http://127.0.0.1:9876/search/loadmore";
 
 async function loadMoreTracks(start) {
   const response = await axios.get(url, {
diff --git a/src/composables/perks.js b/src/composables/perks.js
index ba09997..3f57d79 100644
--- a/src/composables/perks.js
+++ b/src/composables/perks.js
@@ -9,7 +9,7 @@ const current = ref(state.current);
 const next = ref({
   title: "The next song",
   artists: ["... blah blah blah"],
-  image: "http://10.5.8.182:8900/images/defaults/4.webp",
+  image: "http://127.0.0.1:8900/images/defaults/4.webp",
   _id: {
     $oid: "",
   },
diff --git a/src/composables/playAudio.js b/src/composables/playAudio.js
index 00e66c0..682feae 100644
--- a/src/composables/playAudio.js
+++ b/src/composables/playAudio.js
@@ -11,7 +11,7 @@ const current_time = ref(0);
 
 const playing = ref(state.is_playing);
 
-const url = "http://10.5.8.182:9876//file/";
+const url = "http://127.0.0.1:9876//file/";
 
 const playAudio = (trackid) => {
     const elem = document.getElementById('progress');
diff --git a/src/composables/state.ts b/src/composables/state.ts
index 1b351c4..5751c26 100644
--- a/src/composables/state.ts
+++ b/src/composables/state.ts
@@ -8,7 +8,7 @@ const queue = ref(
   Array<i.Track>({
     title: "Nothing played yet",
     artists: ["... blah blah blah"],
-    image: "http://10.5.8.182:8900/images/thumbnails/4.webp",
+    image: "http://127.0.0.1:8900/images/thumbnails/4.webp",
     trackid: "",
   })
 );
@@ -19,14 +19,14 @@ const folder_list = ref([]);
 const current = ref(<i.Track>{
   title: "Nothing played yet",
   artists: ["... blah blah blah"],
-  image: "http://10.5.8.182:8900/images/thumbnails/4.webp",
+  image: "http://127.0.0.1:8900/images/thumbnails/4.webp",
   trackid: "",
 });
 
 const prev = ref(<i.Track>{
   title: "Nothing played yet",
   artists: ["... blah blah blah"],
-  image: "http://10.5.8.182:8900/images/thumbnails/4.webp",
+  image: "http://127.0.0.1:8900/images/thumbnails/4.webp",
   trackid: "",
 });
 
@@ -40,7 +40,7 @@ const album = reactive({
 const loading = ref(false);
 const is_playing = ref(false);
 const settings = reactive({
-  uri: "http://10.5.8.182:9876",
+  uri: "http://127.0.0.1:9876",
 });
 
 export default {