diff --git a/Jellyfin.Plugin.MediaBarEnhanced/Web/assets/logo_SW_MINIMAL.svg b/Jellyfin.Plugin.MediaBarEnhanced/Web/assets/logo_SW_MINIMAL.svg
new file mode 100644
index 0000000..695ba28
--- /dev/null
+++ b/Jellyfin.Plugin.MediaBarEnhanced/Web/assets/logo_SW_MINIMAL.svg
@@ -0,0 +1,66 @@
+
+
diff --git a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js b/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js
index b68c890..ea34521 100644
--- a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js
+++ b/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js
@@ -2962,10 +2962,13 @@ const MediaBarEnhancedSettingsManager = {
button.className = 'paper-icon-button-light headerButton media-bar-settings-button';
button.title = 'Media Bar Settings';
// button.innerHTML = 'tune';
+
// button.innerHTML = '
';
// currently not optimal, as it's egg-shaped due to the svg format... but if it's square, it's very small...
// button.innerHTML = '
';
- button.innerHTML = '
';
+ // button.innerHTML = '
';
+ button.innerHTML = '
';
+
button.style.verticalAlign = 'middle';
button.addEventListener('click', (e) => {