diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-checkbox/emby-checkbox.css b/dashboard-ui/bower_components/emby-webcomponents/emby-checkbox/emby-checkbox.css
index 967087a9b9..d61bd6ff56 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/emby-checkbox/emby-checkbox.css
+++ b/dashboard-ui/bower_components/emby-webcomponents/emby-checkbox/emby-checkbox.css
@@ -21,8 +21,8 @@
     display: flex;
 }
 
-div.checkboxContainer {
-    display: block;
+.checkboxContainer-withDescription {
+    flex-direction: column;
 }
 
 .mdl-checkbox__input {
diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-checkbox/emby-checkbox.js b/dashboard-ui/bower_components/emby-webcomponents/emby-checkbox/emby-checkbox.js
index 657e27e1d0..6a30f57c4e 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/emby-checkbox/emby-checkbox.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/emby-checkbox/emby-checkbox.js
@@ -25,10 +25,8 @@
         this.classList.add('mdl-checkbox__input');
 
         var labelElement = this.parentNode;
-        //labelElement.classList.add('mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect mdl-js-ripple-effect--ignore-events');
         labelElement.classList.add('mdl-checkbox');
         labelElement.classList.add('mdl-js-checkbox');
-        labelElement.classList.add('mdl-js-ripple-effect');
 
         var labelTextElement = labelElement.querySelector('span');
 
diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-radio/emby-radio.css b/dashboard-ui/bower_components/emby-webcomponents/emby-radio/emby-radio.css
index 6f64e6fd0c..6285b089b5 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/emby-radio/emby-radio.css
+++ b/dashboard-ui/bower_components/emby-webcomponents/emby-radio/emby-radio.css
@@ -7,12 +7,12 @@
     padding-left: 0;
 }
 
-    .mdl-radio.block {
-        display: flex;
-        align-items: center;
-        margin-top: .5em;
-        margin-bottom: .5em;
-    }
+.radio-label-block {
+    display: flex;
+    align-items: center;
+    margin-top: .5em;
+    margin-bottom: .5em;
+}
 
 .mdl-radio {
     padding-left: 24px;
@@ -20,9 +20,6 @@
 
 .mdl-radio__button {
     line-height: 24px;
-}
-
-.mdl-radio .mdl-radio__button {
     position: absolute;
     width: 0;
     height: 0;
@@ -55,8 +52,7 @@
     border: 2px solid rgb(63,81,181);
 }
 
-.mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
-.mdl-radio.is-disabled .mdl-radio__outer-circle {
+.mdl-radio__button:disabled + .mdl-radio__label + .mdl-radio__outer-circle {
     border: 2px solid rgba(0,0,0, 0.26);
     cursor: auto;
 }
@@ -87,8 +83,7 @@
     transform: scale3d(1, 1, 1);
 }
 
-fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
-.mdl-radio.is-disabled .mdl-radio__inner-circle {
+.mdl-radio__button:disabled + .mdl-radio__label + .mdl-radio__outer-circle + .mdl-radio__inner-circle {
     background: rgba(0,0,0, 0.26);
     cursor: auto;
 }
@@ -101,36 +96,7 @@ fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
     cursor: pointer;
 }
 
-fieldset[disabled] .mdl-radio .mdl-radio__label,
-.mdl-radio.is-disabled .mdl-radio__label {
+.mdl-radio__button:disabled + .mdl-radio__label {
     color: rgba(0,0,0, 0.26);
     cursor: auto;
 }
-
-.mdl-radio__ripple-container {
-    position: absolute;
-    z-index: 2;
-    top: -9px;
-    left: -13px;
-    box-sizing: border-box;
-    width: 42px;
-    height: 42px;
-    border-radius: 50%;
-    cursor: pointer;
-    overflow: hidden;
-    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
-}
-
-    .mdl-radio__ripple-container .mdl-ripple {
-        background: rgb(63,81,181);
-    }
-
-fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,
-.mdl-radio.is-disabled .mdl-radio__ripple-container {
-    cursor: auto;
-}
-
-    fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,
-    .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
-        background: transparent;
-    }
diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-radio/emby-radio.js b/dashboard-ui/bower_components/emby-webcomponents/emby-radio/emby-radio.js
index f6e03d5490..f680abf6ff 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/emby-radio/emby-radio.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/emby-radio/emby-radio.js
@@ -37,9 +37,6 @@
 
         labelElement.insertAdjacentHTML('beforeend', '<span class="mdl-radio__outer-circle"></span><span class="mdl-radio__inner-circle"></span>');
 
-        // ripple container
-        //labelElement.insertAdjacentHTML('beforeend', '<span class="mdl-radio__ripple-container mdl-js-ripple-effect mdl-ripple--center" data-upgraded=",MaterialRipple"><span class="mdl-ripple is-animating" style="width: 120.794px; height: 120.794px; transform: translate(-50%, -50%) translate(21px, 21px);"></span></span>');
-
         this.addEventListener('keydown', onKeyDown);
     };
 
diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.css b/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.css
index 3039a07a89..7001c48337 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.css
+++ b/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.css
@@ -1,4 +1,4 @@
-_:-ms-input-placeholder, :root .mdl-slider.mdl-slider {
+_:-ms-input-placeholder, :root .mdl-slider {
     -ms-appearance: none;
     height: 32px;
     margin: 0;
@@ -113,14 +113,6 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider {
     height: 2vh;
 }
 
-.mdl-slider:focus:not(:active)::-webkit-slider-thumb {
-    box-shadow: 0 0 0 10px rgba(82, 181, 75, 0.26);
-}
-
-.mdl-slider:focus:not(:active)::-moz-range-thumb {
-    box-shadow: 0 0 0 10px rgba(82, 181, 75, 0.26);
-}
-
 .mdl-slider:active::-webkit-slider-thumb {
     background-image: none;
     background: #52B54B;
@@ -134,6 +126,14 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider {
     transform: scale(1.5);
 }
 
+.mdl-slider:focus::-webkit-slider-thumb {
+    box-shadow: 0 0 0 10px rgba(82, 181, 75, 0.26);
+}
+
+.mdl-slider:focus::-moz-range-thumb {
+    box-shadow: 0 0 0 10px rgba(82, 181, 75, 0.26);
+}
+
 .mdl-slider::-ms-thumb {
     width: 16px;
     height: 16px;
@@ -146,57 +146,6 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider {
     background: gray;
 }
 
-.mdl-slider.is-lowest-value::-webkit-slider-thumb {
-    /*border: 2px solid #52B54B;
-        background: transparent;*/
-}
-
-.mdl-slider.is-lowest-value::-moz-range-thumb {
-    /*border: 2px solid #52B54B;
-        background: transparent;*/
-}
-
-.mdl-slider.is-lowest-value + .mdl-slider__background-flex > .mdl-slider__background-upper {
-    left: 6px;
-}
-
-.mdl-slider.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
-    /*box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
-        background: rgba(0,0,0, 0.12);*/
-}
-
-.mdl-slider.is-lowest-value:focus:not(:active)::-moz-range-thumb {
-    /*box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
-        background: rgba(0,0,0, 0.12);*/
-}
-
-.mdl-slider.is-lowest-value:active::-webkit-slider-thumb {
-    border: 1.6px solid #52B54B;
-    -webkit-transform: scale(1.5);
-    transform: scale(1.5);
-}
-
-.mdl-slider.is-lowest-value:active + .mdl-slider__background-flex > .mdl-slider__background-upper {
-    left: 9px;
-}
-
-.mdl-slider.is-lowest-value:active::-moz-range-thumb {
-    border: 1.5px solid #52B54B;
-    transform: scale(1.5);
-}
-
-.mdl-slider.is-lowest-value::-ms-fill-lower {
-    background: transparent;
-}
-
-.mdl-slider.is-lowest-value::-ms-fill-upper {
-    margin-left: 6px;
-}
-
-.mdl-slider.is-lowest-value:active::-ms-fill-upper {
-    margin-left: 9px;
-}
-
 .mdl-slider:disabled:focus::-webkit-slider-thumb, .mdl-slider:disabled:active::-webkit-slider-thumb, .mdl-slider:disabled::-webkit-slider-thumb {
     -webkit-transform: scale(0.667);
     transform: scale(0.667);
@@ -217,23 +166,6 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider {
     left: 6px;
 }
 
-.mdl-slider.is-lowest-value:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-lowest-value:disabled:active::-webkit-slider-thumb, .mdl-slider.is-lowest-value:disabled::-webkit-slider-thumb {
-    border: 3px solid rgba(0,0,0, 0.26);
-    background: transparent;
-    -webkit-transform: scale(0.667);
-    transform: scale(0.667);
-}
-
-.mdl-slider.is-lowest-value:disabled:focus::-moz-range-thumb, .mdl-slider.is-lowest-value:disabled:active::-moz-range-thumb, .mdl-slider.is-lowest-value:disabled::-moz-range-thumb {
-    border: 3px solid rgba(0,0,0, 0.26);
-    background: transparent;
-    transform: scale(0.667);
-}
-
-.mdl-slider.is-lowest-value:disabled:active + .mdl-slider__background-flex > .mdl-slider__background-upper {
-    left: 6px;
-}
-
 .mdl-slider:disabled::-ms-fill-lower {
     margin-right: 6px;
     background: linear-gradient(to right, transparent, transparent 25px, rgba(30,30,30, 0.7) 25px, rgba(30,30,30, 0.7) 0);
@@ -243,10 +175,6 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider {
     margin-left: 6px;
 }
 
-.mdl-slider.is-lowest-value:disabled:active::-ms-fill-upper {
-    margin-left: 6px;
-}
-
 .mdl-slider__ie-container {
     height: 18px;
     overflow: visible;
diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.js b/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.js
index 7e1ef758cb..b407a78bbd 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.js
@@ -16,12 +16,6 @@
 
     function updateValues(range, backgroundLower, backgroundUpper) {
 
-        //if (fraction === 0) {
-        //    range.classList.add('is-lowest-value');
-        //} else {
-        //    range.classList.remove('is-lowest-value');
-        //}
-
         var value = range.value;
         requestAnimationFrame(function () {
 
diff --git a/dashboard-ui/bower_components/emby-webcomponents/recordingcreator/recordingcreator.template.html b/dashboard-ui/bower_components/emby-webcomponents/recordingcreator/recordingcreator.template.html
index dd27e33d61..3fed054047 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/recordingcreator/recordingcreator.template.html
+++ b/dashboard-ui/bower_components/emby-webcomponents/recordingcreator/recordingcreator.template.html
@@ -37,7 +37,7 @@
                 <br />
             </div>
         </div>
-        <div class="convertRecordingsContainer hide checkboxContainer">
+        <div class="convertRecordingsContainer hide checkboxContainer checkboxContainer-withDescription">
             <label>
                 <input type="checkbox" is="emby-checkbox" id="chkConvertRecordings" />
                 <span>${OptionConvertRecordingsToStreamingFormat}</span>
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index fb337072e2..bed2642c34 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -789,7 +789,7 @@
 
                         var radioValue = option.id.replace(',', '_');
                         isChecked = (options.query.SortBy || '').replace(',', '_') == radioValue ? ' checked' : '';
-                        html += '<label class="block"><input type="radio" is="emby-radio" name="SortBy" data-id="' + option.id + '" value="' + radioValue + '" class="menuSortBy" ' + isChecked + ' /><span>' + option.name + '</span></label>';
+                        html += '<label class="radio-label-block"><input type="radio" is="emby-radio" name="SortBy" data-id="' + option.id + '" value="' + radioValue + '" class="menuSortBy" ' + isChecked + ' /><span>' + option.name + '</span></label>';
                     }
                     html += '</div>';
 
@@ -798,9 +798,9 @@
                     html += '</h2>';
                     html += '<div>';
                     isChecked = options.query.SortOrder == 'Ascending' ? ' checked' : '';
-                    html += '<label class="block"><input type="radio" is="emby-radio" name="SortOrder" value="Ascending" class="menuSortOrder" ' + isChecked + ' /><span>' + Globalize.translate('OptionAscending') + '</span></label>';
+                    html += '<label class="radio-label-block"><input type="radio" is="emby-radio" name="SortOrder" value="Ascending" class="menuSortOrder" ' + isChecked + ' /><span>' + Globalize.translate('OptionAscending') + '</span></label>';
                     isChecked = options.query.SortOrder == 'Descending' ? ' checked' : '';
-                    html += '<label class="block"><input type="radio" is="emby-radio" name="SortOrder" value="Descending" class="menuSortOrder" ' + isChecked + ' /><span>' + Globalize.translate('OptionDescending') + '</span></label>';
+                    html += '<label class="radio-label-block"><input type="radio" is="emby-radio" name="SortOrder" value="Descending" class="menuSortOrder" ' + isChecked + ' /><span>' + Globalize.translate('OptionDescending') + '</span></label>';
                     html += '</div>';
                     html += '</div>';