diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
index d25be6c5..00c9fea1 100644
--- a/.github/ISSUE_TEMPLATE/config.yml
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -1,5 +1,8 @@
 blank_issues_enabled: false
 contact_links:
+  - name: Support Disclaimer
+    url: https://docs.cider.sh/support/disclaimer
+    about: Please read this before creating any issue.
   - name: Feature Request
     url: https://github.com/ciderapp/Cider/discussions/new?category=feature-request
     about: Have a feature you would like to have in the app? Make a request.
diff --git a/package.json b/package.json
index 9aa21352..7b37c78a 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "cider",
   "applicationId": "Cider",
   "productName": "Cider",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "description": "A new cross-platform Apple Music experience based on Electron and Vue.js written from scratch with performance in mind.",
   "license": "AGPL-3.0",
   "main": "./build/index.js",
diff --git a/src/renderer/audio/audio.js b/src/renderer/audio/audio.js
index de6b8d82..99f1a3f4 100644
--- a/src/renderer/audio/audio.js
+++ b/src/renderer/audio/audio.js
@@ -50,7 +50,7 @@ const CiderAudio = {
     connectContext: function (mediaElem) {
         if (!CiderAudio.context) {
             CiderAudio.context = new window.AudioContext({ sampleRate: 96000, latencyHint: "playback"}); // Don't ever remove the sample rate arg. Ask Maikiwi.
-            app.lyricOffset = CiderAudio.context.baseLatency + CiderAudio.context.outputLatency
+            app.lyricOffset = CiderAudio.context.baseLatency + (CiderAudio.context.outputLatency ? CiderAudio.context.outputLatency : 0)
         }
         if (!CiderAudio.source) {
             CiderAudio.source = CiderAudio.context.createMediaElementSource(mediaElem);
diff --git a/src/renderer/main/components/sidebar-library-item.js b/src/renderer/main/components/sidebar-library-item.js
index 19c157f4..adf31689 100644
--- a/src/renderer/main/components/sidebar-library-item.js
+++ b/src/renderer/main/components/sidebar-library-item.js
@@ -2,7 +2,7 @@ import {html} from "../html.js"
 
 export const sidebarLibraryItem = Vue.component("sidebar-library-item", {
     template: html`
-        <button class="app-sidebar-item"  v-ripple
+        <button class="app-sidebar-item"
                 :class="$root.getSidebarItemClass(page)" @click="$root.setWindowHash(page)">
             <svg-icon :url="svgIconData" :name="'sidebar-' + svgIconName" v-if="svgIconData != ''"/>
             <span class="sidebar-item-text">{{ name }}</span>
diff --git a/src/renderer/views/app/chrome-bottom.ejs b/src/renderer/views/app/chrome-bottom.ejs
index 782bec54..c12a0527 100644
--- a/src/renderer/views/app/chrome-bottom.ejs
+++ b/src/renderer/views/app/chrome-bottom.ejs
@@ -149,27 +149,27 @@
                    v-b-tooltip.hover :title="formatVolumeTooltip()">
         </div>
         <div class="app-chrome-item generic">
-            <button class="playback-button--small cast" v-ripple
+            <button class="playback-button--small cast" 
                     :title="$root.getLz('term.cast')"
                     v-b-tooltip.hover
                     @click="cfg.advanced.AudioContext ? modals.castMenu = true : (cfg.advanced.AudioContext = true, modals.castMenu = true)"></button>
         </div>
         <div class="app-chrome-item generic">
-            <button class="playback-button--small queue" v-ripple :class="{'active': drawer.panel == 'queue'}"
+            <button class="playback-button--small queue"  :class="{'active': drawer.panel == 'queue'}"
                     :title="$root.getLz('term.queue')"
                     v-b-tooltip.hover
                     @click="invokeDrawer('queue')"></button>
         </div>
         <div class="app-chrome-item generic">
             <template v-if="lyrics && lyrics != [] && lyrics.length > 0">
-                <button class="playback-button--small lyrics" v-ripple
+                <button class="playback-button--small lyrics" 
                         :title="$root.getLz('term.lyrics')"
                         v-b-tooltip.hover
                         :class="{'active': drawer.panel == 'lyrics'}"
                         @click="invokeDrawer('lyrics')"></button>
             </template>
             <template v-else>
-                <button class="playback-button--small lyrics" v-ripple
+                <button class="playback-button--small lyrics" 
                         :style="{'opacity': 0.3, 'pointer-events': 'none'}"></button>
             </template>
 
diff --git a/src/renderer/views/app/chrome-top.ejs b/src/renderer/views/app/chrome-top.ejs
index 1ea16cad..fed618d8 100644
--- a/src/renderer/views/app/chrome-top.ejs
+++ b/src/renderer/views/app/chrome-top.ejs
@@ -16,19 +16,19 @@
     <template v-if="getThemeDirective('appNavigation') != 'seperate'">
       <div class="vdiv" v-if="getThemeDirective('windowLayout') == 'twopanel'"></div>
       <div class="app-chrome-item">
-        <button class="playback-button navigation" v-ripple @click="navigateBack()" :title="$root.getLz('term.navigateBack')"
+        <button class="playback-button navigation"  @click="navigateBack()" :title="$root.getLz('term.navigateBack')"
           v-b-tooltip.hover>
           <svg-icon url="./views/svg/chevron-left.svg"></svg-icon>
         </button>
       </div>
       <div class="app-chrome-item">
-        <button class="playback-button navigation" v-ripple @click="navigateForward()"
+        <button class="playback-button navigation"  @click="navigateForward()"
           :title="$root.getLz('term.navigateForward')" v-b-tooltip.hover>
           <svg-icon url="./views/svg/chevron-right.svg"></svg-icon>
         </button>
       </div>
       <div class="app-chrome-item" v-if="getThemeDirective('windowLayout') == 'twopanel'">
-        <button class="playback-button collapseLibrary" v-ripple v-b-tooltip.hover
+        <button class="playback-button collapseLibrary"  v-b-tooltip.hover
           :title="chrome.sidebarCollapsed ? getLz('action.showLibrary') : getLz('action.hideLibrary')"
           @click="chrome.sidebarCollapsed = !chrome.sidebarCollapsed">
           <transition name="fade">
@@ -230,21 +230,21 @@
           :title="formatVolumeTooltip()" />
       </div>
       <div class="app-chrome-item generic">
-        <button class="playback-button--small cast" :title="$root.getLz('term.cast')" v-ripple
+        <button class="playback-button--small cast" :title="$root.getLz('term.cast')" 
           @click="cfg.advanced.AudioContext ? modals.castMenu = true : (cfg.advanced.AudioContext = true, modals.castMenu = true)"
           v-b-tooltip.hover></button>
       </div>
       <div class="app-chrome-item generic">
-        <button class="playback-button--small queue" :title="$root.getLz('term.queue')" v-b-tooltip.hover v-ripple
+        <button class="playback-button--small queue" :title="$root.getLz('term.queue')" v-b-tooltip.hover 
           :class="{'active': drawer.panel == 'queue'}" @click="invokeDrawer('queue')"></button>
       </div>
       <div class="app-chrome-item generic">
         <template v-if="lyrics && lyrics != [] && lyrics.length > 0">
-          <button class="playback-button--small lyrics" :title="$root.getLz('term.lyrics')" v-b-tooltip.hover v-ripple
+          <button class="playback-button--small lyrics" :title="$root.getLz('term.lyrics')" v-b-tooltip.hover 
             :class="{'active': drawer.panel == 'lyrics'}" @click="invokeDrawer('lyrics')"></button>
         </template>
         <template v-else>
-          <button class="playback-button--small lyrics" :style="{'opacity': 0.3, 'pointer-events': 'none'}" v-ripple></button>
+          <button class="playback-button--small lyrics" :style="{'opacity': 0.3, 'pointer-events': 'none'}" ></button>
         </template>
       </div>
     </template>
diff --git a/src/renderer/views/components/sidebar-playlist.ejs b/src/renderer/views/components/sidebar-playlist.ejs
index f27cb56b..494b812e 100644
--- a/src/renderer/views/components/sidebar-playlist.ejs
+++ b/src/renderer/views/components/sidebar-playlist.ejs
@@ -1,6 +1,6 @@
 <script type="text/x-template" id="sidebar-playlist">
     <div class="sidebar-playlist" :key="item.id">
-        <button class="app-sidebar-item app-sidebar-item-playlist" :key="item.id" v-ripple
+        <button class="app-sidebar-item app-sidebar-item-playlist" :key="item.id" 
                 :class="item.type != 'library-playlist-folders' ? {'active': $root.page.includes(item.id)} : ['playlist-folder', {'folder-button-active': folderOpened}, isPlaylistSelected]"
                 @contextmenu="playlistContextMenu($event, item.id)"
                 @dragstart="startDrag($event, item)"