diff --git a/src/renderer/components/watch-video-playlist/watch-video-playlist.css b/src/renderer/components/watch-video-playlist/watch-video-playlist.css
index 53a8753a8f1ae..d327b87756ab1 100644
--- a/src/renderer/components/watch-video-playlist/watch-video-playlist.css
+++ b/src/renderer/components/watch-video-playlist/watch-video-playlist.css
@@ -51,16 +51,30 @@
   border-radius: 50%;
   color: var(--tertiary-text-color);
   transition: background 0.2s ease-out;
+  stroke-width: 20;
+  stroke: var(--bg-color);
 }
 
 .playlistIcon:hover {
   background-color: var(--side-nav-hover-color);
   color: var(--side-nav-hover-text-color);
+  stroke-width: 20;
+  stroke: var(--side-nav-hover-color);
+  transition: background 0.2s ease-in;
+}
+
+.playlistIconActive:hover {
+  background-color: var(--side-nav-hover-color);
+  color: var(--accent-color-hover);
+  stroke-width: 10;
+  stroke: var(--accent-color-hover);
   transition: background 0.2s ease-in;
 }
 
 .playlistIconActive {
-  color: var(--accent-color)
+  color: var(--accent-color);
+  stroke-width: 10;
+  stroke: var(--accent-color);
 }
 
 .playlistItems {
diff --git a/src/renderer/components/watch-video-playlist/watch-video-playlist.vue b/src/renderer/components/watch-video-playlist/watch-video-playlist.vue
index 2fd2f60f5035d..552b24729dfb4 100644
--- a/src/renderer/components/watch-video-playlist/watch-video-playlist.vue
+++ b/src/renderer/components/watch-video-playlist/watch-video-playlist.vue
@@ -56,6 +56,7 @@
           :title="$t('Video.Loop Playlist')"
           role="button"
           tabindex="0"
+          :aria-pressed="loopEnabled"
           @click="toggleLoop"
           @keydown.enter.prevent="toggleLoop"
           @keydown.space.prevent="toggleLoop"
@@ -67,6 +68,7 @@
           :title="$t('Video.Shuffle Playlist')"
           role="button"
           tabindex="0"
+          :aria-pressed="shuffleEnabled"
           @click="toggleShuffle"
           @keydown.enter.prevent="toggleShuffle"
           @keydown.space.prevent="toggleShuffle"
@@ -78,6 +80,7 @@
           :title="$t('Video.Reverse Playlist')"
           role="button"
           tabindex="0"
+          :aria-pressed="reversePlaylist"
           @click="toggleReversePlaylist"
           @keydown.enter.prevent="toggleReversePlaylist"
           @keydown.space.prevent="toggleReversePlaylist"
@@ -109,6 +112,7 @@
           :title="$t('Video.Pause on Current Video')"
           role="button"
           tabindex="0"
+          :aria-pressed="pauseOnCurrentVideo"
           @click="togglePauseOnCurrentVideo"
           @keydown.enter.prevent="togglePauseOnCurrentVideo"
           @keydown.space.prevent="togglePauseOnCurrentVideo"