diff --git a/public/content.css b/public/content.css
index 441760c6..01bf18f2 100644
--- a/public/content.css
+++ b/public/content.css
@@ -71,6 +71,11 @@
 .playerButtonImage {
 	height: 22px;
 	vertical-align: top;
+	opacity: 0.9;
+}
+
+.playerButtonImage:hover {
+	opacity: 1;
 }
 
 .playerButton {
@@ -101,17 +106,21 @@
 }
 
 .autoHiding:not(.sbhidden) {
-	transform: translateX(0%) scale(1);
-	/* opacity is from YouTube page */
-	transition: transform 0.2s, width 0.2s, opacity 0.1s cubic-bezier(0.4, 0, 1, 1) !important;
+	transform: translateX(0%);
+	transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1) !important;
 }
 
 .autoHiding.sbhidden {
-	transform: translateX(100%) scale(0);
-	/* opacity is from YouTube page */
-	transition: transform 0.2s, width 0.2s, opacity 0.1s cubic-bezier(0.4, 0, 1, 1) !important;
+	transform: translateX(100%);
+	transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1) !important;
+	/* width: 0px !important; */
+	opacity: 0;
+}
 
-	width: 0px !important;
+@media (max-width: 1260px){
+	.autoHiding.sbhidden{
+		width: 0px !important;
+	}
 }
 
 .autoHiding.sbhidden.autoHideLeft {
diff --git a/public/icons/PlayerCancelSegmentIconSponsorBlocker.svg b/public/icons/PlayerCancelSegmentIconSponsorBlocker.svg
index 619b4b04..6e6792cb 100644
--- a/public/icons/PlayerCancelSegmentIconSponsorBlocker.svg
+++ b/public/icons/PlayerCancelSegmentIconSponsorBlocker.svg
@@ -1,68 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   viewBox="0 0 565.15 568"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="PlayerCancelSegmentIconSponsorBlocker.svg"
-   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
-   inkscape:export-filename="D:\Dell Data\_Projects\_____SponsorSkip\ignored\svg\SponsorBlocker4.png"
-   inkscape:export-xdpi="43.436523"
-   inkscape:export-ydpi="43.436523">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>LogoSponsorBlocker2</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1001"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="0.83098592"
-     inkscape:cx="220.07455"
-     inkscape:cy="308.76246"
-     inkscape:window-x="477"
-     inkscape:window-y="961"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg16"
-     inkscape:pagecheckerboard="true" />
-  <defs
-     id="defs4">
-    <style
-       id="style2">.cls-1{fill:red;}.cls-2{fill:#fff;}</style>
-  </defs>
-  <title
-     id="title6">LogoSponsorBlocker2</title>
-  <path
-     class="cls-1"
-     d="m 282.58,568 a 65,65 0 0 1 -34.14,-9.66 C 95.41,463.94 2.54,300.46 0,121 a 64.91,64.91 0 0 1 34,-58.09 522.56,522.56 0 0 1 497.16,0 64.91,64.91 0 0 1 34,58.12 c -2.53,179.43 -95.4,342.91 -248.42,437.3 A 65,65 0 0 1 282.58,568 Z m 0,-548.31 A 502.24,502.24 0 0 0 43.4,80.22 45.27,45.27 0 0 0 19.7,120.75 c 2.44,172.67 91.81,330 239.07,420.83 a 46.19,46.19 0 0 0 47.61,0 C 453.64,450.73 543,293.42 545.45,120.75 A 45.26,45.26 0 0 0 521.75,80.21 502.26,502.26 0 0 0 282.58,19.69 Z"
-     id="path8"
-     inkscape:connector-curvature="0"
-     style="fill:#ffffff" />
-  <path
-     style="fill:#ffffff"
-     d="M 284.70508 42.693359 A 479.9 479.9 0 0 0 54.369141 100.41992 A 22.53 22.53 0 0 0 42.669922 120.41992 C 45.069922 290.25992 135.67008 438.63977 270.83008 522.00977 A 22.48 22.48 0 0 0 294.32031 522.00977 C 429.48031 438.63977 520.08047 290.25992 522.48047 120.41992 A 22.53 22.53 0 0 0 510.7793 100.41992 A 479.9 479.9 0 0 0 284.70508 42.693359 z M 224.94922 162.35352 L 282.57422 219.98047 L 340.20117 162.35352 L 384.33984 206.49219 L 326.71484 264.11719 L 384.33984 321.74414 L 340.20117 365.88281 L 282.57422 308.25781 L 224.94922 365.88281 L 180.81055 321.74414 L 238.4375 264.11719 L 180.81055 206.49219 L 224.94922 162.35352 z "
-     id="path10" />
-</svg>
+<?xml version="1.0" encoding="UTF-8"?><svg id="svg16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88"><defs><style>.cls-1{fill:#fff;}</style></defs><path id="path10" class="cls-1" d="m44.31,8c-11.66-.05-23.15,2.83-33.41,8.37-1.06.58-1.71,1.69-1.7,2.9.35,24.63,13.49,46.15,33.09,58.25,1.05.64,2.36.64,3.41,0,19.6-12.09,32.74-33.61,33.09-58.25.01-1.21-.64-2.32-1.7-2.9-10.07-5.45-21.34-8.32-32.79-8.37Zm-7.7,16.84l5.98,5.98c.78.78,2.05.78,2.83,0l5.98-5.98c.78-.78,2.05-.78,2.83,0l3.92,3.92c.78.78.78,2.05,0,2.83l-5.98,5.98c-.78.78-.78,2.05,0,2.83l5.98,5.98c.78.78.78,2.05,0,2.83l-3.92,3.92c-.78.78-2.05.78-2.83,0l-5.98-5.98c-.78-.78-2.05-.78-2.83,0l-5.98,5.98c-.78.78-2.05.78-2.83,0l-3.92-3.92c-.78-.78-.78-2.05,0-2.83l5.98-5.98c.78-.78.78-2.05,0-2.83l-5.98-5.98c-.78-.78-.78-2.05,0-2.83l3.92-3.92c.78-.78,2.05-.78,2.83,0Z"/></svg>
\ No newline at end of file
diff --git a/public/icons/PlayerDeleteIconSponsorBlocker.svg b/public/icons/PlayerDeleteIconSponsorBlocker.svg
index d5298853..22079329 100644
--- a/public/icons/PlayerDeleteIconSponsorBlocker.svg
+++ b/public/icons/PlayerDeleteIconSponsorBlocker.svg
@@ -1,88 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   viewBox="0 0 565.15 568"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="PlayerDeleteIconSponsorBlocker.svg"
-   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
-   inkscape:export-filename="D:\Dell Data\_Projects\_____SponsorSkip\ignored\svg\SponsorBlocker4.png"
-   inkscape:export-xdpi="43.436523"
-   inkscape:export-ydpi="43.436523">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>LogoSponsorBlocker2</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1001"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="0.83098592"
-     inkscape:cx="209.2657"
-     inkscape:cy="235.85704"
-     inkscape:window-x="477"
-     inkscape:window-y="961"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg16" />
-  <defs
-     id="defs4">
-    <style
-       id="style2">.cls-1{fill:red;}.cls-2{fill:#fff;}</style>
-  </defs>
-  <title
-     id="title6">LogoSponsorBlocker2</title>
-  <path
-     class="cls-1"
-     d="m 282.58,568 a 65,65 0 0 1 -34.14,-9.66 C 95.41,463.94 2.54,300.46 0,121 a 64.91,64.91 0 0 1 34,-58.09 522.56,522.56 0 0 1 497.16,0 64.91,64.91 0 0 1 34,58.12 c -2.53,179.43 -95.4,342.91 -248.42,437.3 A 65,65 0 0 1 282.58,568 Z m 0,-548.31 A 502.24,502.24 0 0 0 43.4,80.22 45.27,45.27 0 0 0 19.7,120.75 c 2.44,172.67 91.81,330 239.07,420.83 a 46.19,46.19 0 0 0 47.61,0 C 453.64,450.73 543,293.42 545.45,120.75 A 45.26,45.26 0 0 0 521.75,80.21 502.26,502.26 0 0 0 282.58,19.69 Z"
-     id="path8"
-     inkscape:connector-curvature="0"
-     style="fill:#ffffff" />
-  <path
-     style="fill:#ffffff"
-     d="M 284.70508 42.693359 A 479.9 479.9 0 0 0 54.369141 100.41992 A 22.53 22.53 0 0 0 42.669922 120.41992 C 45.069922 290.25992 135.67008 438.63977 270.83008 522.00977 A 22.48 22.48 0 0 0 294.32031 522.00977 C 429.48031 438.63977 520.08047 290.25992 522.48047 120.41992 A 22.53 22.53 0 0 0 510.7793 100.41992 A 479.9 479.9 0 0 0 284.70508 42.693359 z M 184.84375 113.77344 L 380.30664 113.77344 L 380.30664 161.31836 L 184.84375 161.31836 L 184.84375 113.77344 z M 184.84375 174.45703 L 380.30469 174.45703 L 380.30469 430.16992 L 184.84375 430.16992 L 184.84375 174.45703 z "
-     id="path10" />
-  <g
-     id="g849"
-     transform="matrix(1.1485222,0,0,1.1485222,-41.968703,-56.737897)"
-     style="fill:#ffffff">
-    <g
-       id="g869"
-       style="fill:#ffffff">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.84762007;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="M 223.01024,230.22964 H 245.1343 V 395.01181 H 223.01024 Z"
-         id="rect857" />
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.84762007;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 271.51297,230.22964 h 22.12406 v 164.78217 h -22.12406 z"
-         id="rect859" />
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.84762007;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 317.46292,230.22964 h 22.12406 v 164.78217 h -22.12406 z"
-         id="rect861" />
-    </g>
-  </g>
-</svg>
+<?xml version="1.0" encoding="UTF-8"?><svg id="svg16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88"><defs><style>.cls-1{fill:#fff;}</style></defs><path class="cls-1" d="m77.1,16.37c-10.07-5.45-21.34-8.32-32.79-8.37-11.66-.05-23.15,2.83-33.41,8.37-1.06.58-1.71,1.69-1.7,2.9.35,24.63,13.49,46.15,33.09,58.25,1.05.64,2.36.64,3.41,0,19.6-12.09,32.74-33.61,33.09-58.25.01-1.21-.64-2.32-1.7-2.9Zm-20.42,40.8c0,1.67-1.35,3.02-3.02,3.02h-18.79c-1.67,0-3.02-1.35-3.02-3.02v-26.45c0-1.67,1.35-3.02,3.02-3.02h18.79c1.67,0,3.02,1.35,3.02,3.02v26.45Zm-3.02-31.14h-18.79c-1.67,0-3.02-1.35-3.02-3.02s1.35-3.02,3.02-3.02h18.79c1.67,0,3.02,1.35,3.02,3.02s-1.35,3.02-3.02,3.02Z"/><g id="g849"><g id="g869"><path id="rect857" class="cls-1" d="m38.31,32.6c.82,0,1.49.68,1.49,1.53,0,0,0,19.75,0,19.75,0,.84-.67,1.53-1.49,1.53-.82,0-1.49-.68-1.49-1.53,0,0,0-19.75,0-19.75,0-.84.67-1.53,1.49-1.53Z"/><path id="rect859" class="cls-1" d="m44.31,32.6c.82,0,1.49.69,1.49,1.53,0,0,0,19.75,0,19.75,0,.85-.67,1.53-1.49,1.53-.82,0-1.49-.69-1.49-1.53v-19.75c0-.85.67-1.53,1.49-1.53Z"/><path id="rect861" class="cls-1" d="m50.31,32.6c.82,0,1.49.68,1.49,1.53,0,0,0,19.75,0,19.75,0,.85-.67,1.53-1.49,1.53-.82,0-1.49-.69-1.49-1.53v-19.75c0-.85.67-1.53,1.49-1.53Z"/></g></g></svg>
\ No newline at end of file
diff --git a/public/icons/PlayerInfoIconSponsorBlocker.svg b/public/icons/PlayerInfoIconSponsorBlocker.svg
index 1001c2b7..224732ef 100644
--- a/public/icons/PlayerInfoIconSponsorBlocker.svg
+++ b/public/icons/PlayerInfoIconSponsorBlocker.svg
@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" id="svg16" version="1.1" viewBox="0 0 565.15 568">
-  <defs/>
-  <defs id="defs4"/>
-  <path id="path8" fill="#fff" d="M282.58 568a65 65 0 01-34.14-9.66C95.41 463.94 2.54 300.46 0 121a64.91 64.91 0 0134-58.09 522.56 522.56 0 01497.16 0 64.91 64.91 0 0134 58.12c-2.53 179.43-95.4 342.91-248.42 437.3a65 65 0 01-34.16 9.67zm0-548.31A502.24 502.24 0 0043.4 80.22a45.27 45.27 0 00-23.7 40.53c2.44 172.67 91.81 330 239.07 420.83a46.19 46.19 0 0047.61 0C453.64 450.73 543 293.42 545.45 120.75a45.26 45.26 0 00-23.7-40.54 502.26 502.26 0 00-239.17-60.52z"/>
-  <path id="path10" fill="#fff" d="M284.705 42.693A479.9 479.9 0 0054.37 100.42a22.53 22.53 0 00-11.7 20c2.4 169.84 93.001 318.22 228.161 401.59a22.48 22.48 0 0023.49 0c135.16-83.37 225.76-231.75 228.16-401.59a22.53 22.53 0 00-11.7-20 479.9 479.9 0 00-226.075-57.727zm-2.13 59.344c89.347 0 162.081 72.712 162.081 162.08 0 89.368-72.734 162.082-162.082 162.082-89.368 0-162.08-72.714-162.08-162.082s72.712-162.08 162.08-162.08zm0 30.389c-72.613 0-131.692 59.079-131.692 131.691 0 72.613 59.079 131.692 131.691 131.692 72.613 0 131.692-59.08 131.692-131.692 0-72.612-59.08-131.691-131.692-131.691zm-2.563 16.695c14.121 0 24.363 10.606 24.363 24.049 0 13.483-10.272 23.432-24.697 23.432-14.73 0-24.354-9.949-24.354-23.432 0-13.443 9.624-24.049 24.688-24.049zm-34.938 68.691h57.397l-.02 134.692 18.295.973v25.638h-76.32v-24.373l10.586-.953c5.754-.638 9.279-2.573 9.279-10.271v-89.155c0-7.08-1.905-9.32-8.014-9.32l-11.203-.629v-26.601z"/>
-</svg>
+<?xml version="1.0" encoding="UTF-8"?><svg id="svg16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88"><defs><style>.cls-1{fill:#fff;}</style></defs><path id="path10" class="cls-1" d="m47.04,8c-11.66-.05-23.15,2.83-33.41,8.37-1.06.58-1.71,1.69-1.7,2.9.35,24.63,13.49,46.15,33.09,58.25,1.05.64,2.36.64,3.41,0,19.6-12.09,32.74-33.61,33.09-58.25.01-1.21-.64-2.32-1.7-2.9-10.07-5.45-21.34-8.32-32.79-8.37h0Zm-.31,6c13.83,0,25.09,11.26,25.09,25.09s-11.26,25.09-25.09,25.09-25.09-11.26-25.09-25.09,11.26-25.09,25.09-25.09h0Zm0,6c-10.72,0-19.45,8.73-19.45,19.45s8.73,19.45,19.45,19.45,19.45-8.73,19.45-19.45-8.73-19.45-19.45-19.45h0Zm-.33,4c2.24,0,3.87,1.68,3.87,3.82s-1.63,3.72-3.92,3.72-3.86-1.58-3.86-3.72,1.53-3.82,3.92-3.82h0Zm-.02,30.01h0c-1.85,0-3.35-1.5-3.35-3.35v-13.33c0-1.85,1.5-3.35,3.35-3.35h0c1.85,0,3.35,1.5,3.35,3.35v13.33c0,1.85-1.5,3.35-3.35,3.35Z"/></svg>
\ No newline at end of file
diff --git a/public/icons/PlayerStartIconSponsorBlocker.svg b/public/icons/PlayerStartIconSponsorBlocker.svg
index d31c673a..b59778dc 100644
--- a/public/icons/PlayerStartIconSponsorBlocker.svg
+++ b/public/icons/PlayerStartIconSponsorBlocker.svg
@@ -1,71 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   viewBox="0 0 565.15 568"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="PlayerStartIconSponsorBlocker.svg"
-   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1001"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="0.83098592"
-     inkscape:cx="-0.3618106"
-     inkscape:cy="322.44266"
-     inkscape:window-x="477"
-     inkscape:window-y="961"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="Layer_1-2" />
-  <defs
-     id="defs4">
-    <style
-       id="style2">.cls-1{fill:red;}.cls-2{fill:#fff;}</style>
-  </defs>
-  <title
-     id="title6">LogoSponsorBlocker2</title>
-  <g
-     id="Layer_2"
-     data-name="Layer 2">
-    <g
-       id="Layer_1-2"
-       data-name="Layer 1"
-       style="fill:#ffffff">
-      <path
-         class="cls-1"
-         d="M282.58,568a65,65,0,0,1-34.14-9.66C95.41,463.94,2.54,300.46,0,121A64.91,64.91,0,0,1,34,62.91a522.56,522.56,0,0,1,497.16,0,64.91,64.91,0,0,1,34,58.12c-2.53,179.43-95.4,342.91-248.42,437.3A65,65,0,0,1,282.58,568Zm0-548.31A502.24,502.24,0,0,0,43.4,80.22a45.27,45.27,0,0,0-23.7,40.53c2.44,172.67,91.81,330,239.07,420.83a46.19,46.19,0,0,0,47.61,0C453.64,450.73,543,293.42,545.45,120.75a45.26,45.26,0,0,0-23.7-40.54A502.26,502.26,0,0,0,282.58,19.69Z"
-         id="path8"
-         style="fill:#ffffff" />
-      <path
-         style="fill:#ffffff"
-         d="M 284.70508 42.693359 A 479.9 479.9 0 0 0 54.369141 100.41992 A 22.53 22.53 0 0 0 42.669922 120.41992 C 45.069922 290.25992 135.67008 438.63977 270.83008 522.00977 A 22.48 22.48 0 0 0 294.32031 522.00977 C 429.48031 438.63977 520.08047 290.25992 522.48047 120.41992 A 22.53 22.53 0 0 0 510.7793 100.41992 A 479.9 479.9 0 0 0 284.70508 42.693359 z M 220.41016 145.74023 L 411.2793 255.93945 L 220.41016 366.14062 L 220.41016 145.74023 z "
-         id="path10" />
-    </g>
-  </g>
-</svg>
+<?xml version="1.0" encoding="UTF-8"?><svg id="svg16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88"><defs><style>.cls-1{fill:#fff;}</style></defs><g id="Layer_2"><g id="Layer_1-2"><path id="path10" class="cls-1" d="m46.43,8c-11.66-.05-23.14,2.83-33.41,8.37-1.06.58-1.71,1.69-1.7,2.9.35,24.63,13.49,46.15,33.09,58.24,1.04.64,2.36.64,3.4,0,19.6-12.09,32.74-33.61,33.09-58.24.01-1.21-.64-2.32-1.7-2.9-10.08-5.44-21.33-8.32-32.79-8.37h.02Zm-4.53,16.41l18.22,10.52c3.07,1.77,3.07,6.21,0,7.98l-18.22,10.52c-3.07,1.77-6.91-.44-6.91-3.99v-21.04c0-3.55,3.84-5.77,6.91-3.99h0Z"/></g></g></svg>
\ No newline at end of file
diff --git a/public/icons/PlayerStopIconSponsorBlocker.svg b/public/icons/PlayerStopIconSponsorBlocker.svg
index a56e263e..4d893149 100644
--- a/public/icons/PlayerStopIconSponsorBlocker.svg
+++ b/public/icons/PlayerStopIconSponsorBlocker.svg
@@ -1,67 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   viewBox="0 0 565.15 568"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="PlayerStopIconSponsorBlocker.svg"
-   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
-   inkscape:export-filename="D:\Dell Data\_Projects\_____SponsorSkip\ignored\svg\SponsorBlocker4.png"
-   inkscape:export-xdpi="43.436523"
-   inkscape:export-ydpi="43.436523">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>LogoSponsorBlocker2</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1001"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="0.83098595"
-     inkscape:cx="194.89884"
-     inkscape:cy="305.06785"
-     inkscape:window-x="477"
-     inkscape:window-y="961"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg16" />
-  <defs
-     id="defs4">
-    <style
-       id="style2">.cls-1{fill:red;}.cls-2{fill:#fff;}</style>
-  </defs>
-  <title
-     id="title6">LogoSponsorBlocker2</title>
-  <path
-     class="cls-1"
-     d="m 282.58,568 a 65,65 0 0 1 -34.14,-9.66 C 95.41,463.94 2.54,300.46 0,121 a 64.91,64.91 0 0 1 34,-58.09 522.56,522.56 0 0 1 497.16,0 64.91,64.91 0 0 1 34,58.12 c -2.53,179.43 -95.4,342.91 -248.42,437.3 A 65,65 0 0 1 282.58,568 Z m 0,-548.31 A 502.24,502.24 0 0 0 43.4,80.22 45.27,45.27 0 0 0 19.7,120.75 c 2.44,172.67 91.81,330 239.07,420.83 a 46.19,46.19 0 0 0 47.61,0 C 453.64,450.73 543,293.42 545.45,120.75 A 45.26,45.26 0 0 0 521.75,80.21 502.26,502.26 0 0 0 282.58,19.69 Z"
-     id="path8"
-     inkscape:connector-curvature="0"
-     style="fill:#ffffff" />
-  <path
-     style="fill:#ffffff"
-     d="M 284.70508 42.693359 A 479.9 479.9 0 0 0 54.369141 100.41992 A 22.53 22.53 0 0 0 42.669922 120.41992 C 45.069922 290.25992 135.67008 438.63977 270.83008 522.00977 A 22.48 22.48 0 0 0 294.32031 522.00977 C 429.48031 438.63977 520.08047 290.25992 522.48047 120.41992 A 22.53 22.53 0 0 0 510.7793 100.41992 A 479.9 479.9 0 0 0 284.70508 42.693359 z M 187.11914 147.00977 L 378.03125 147.00977 L 378.03125 351.04102 L 187.11914 351.04102 L 187.11914 147.00977 z "
-     id="path10" />
-</svg>
+<?xml version="1.0" encoding="UTF-8"?><svg id="svg16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88"><defs><style>.cls-1{fill:#fff;}</style></defs><path id="path10" class="cls-1" d="m46.22,8c-11.66-.05-23.15,2.83-33.41,8.37-1.06.58-1.71,1.69-1.7,2.9.35,24.63,13.49,46.15,33.09,58.25,1.05.64,2.36.64,3.41,0,19.6-12.09,32.74-33.61,33.09-58.25.01-1.21-.64-2.32-1.7-2.9-10.07-5.45-21.34-8.32-32.79-8.37Zm-9.29,16h17.96c2.76,0,5,2.24,5,5v19.89c0,2.76-2.24,5-5,5h-17.96c-2.76,0-5-2.24-5-5v-19.89c0-2.76,2.24-5,5-5Z"/></svg>
\ No newline at end of file
diff --git a/public/icons/PlayerUploadFailedIconSponsorBlocker.svg b/public/icons/PlayerUploadFailedIconSponsorBlocker.svg
index b40cca8d..ca8b3028 100644
--- a/public/icons/PlayerUploadFailedIconSponsorBlocker.svg
+++ b/public/icons/PlayerUploadFailedIconSponsorBlocker.svg
@@ -1,71 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   viewBox="0 0 565.15 568"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="PlayerUploadFailedIconSponsorBlocker.svg"
-   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
-   inkscape:export-filename="D:\Dell Data\_Projects\_____SponsorSkip\ignored\svg\SponsorBlocker4.png"
-   inkscape:export-xdpi="43.436523"
-   inkscape:export-ydpi="43.436523">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>LogoSponsorBlocker2</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1001"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="0.83098592"
-     inkscape:cx="-277.20441"
-     inkscape:cy="286.71724"
-     inkscape:window-x="477"
-     inkscape:window-y="961"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg16" />
-  <defs
-     id="defs4">
-    <style
-       id="style2">.cls-1{fill:red;}.cls-2{fill:#fff;}</style>
-  </defs>
-  <title
-     id="title6">LogoSponsorBlocker2</title>
-  <path
-     class="cls-1"
-     d="m 282.58,568 a 65,65 0 0 1 -34.14,-9.66 C 95.41,463.94 2.54,300.46 0,121 a 64.91,64.91 0 0 1 34,-58.09 522.56,522.56 0 0 1 497.16,0 64.91,64.91 0 0 1 34,58.12 c -2.53,179.43 -95.4,342.91 -248.42,437.3 A 65,65 0 0 1 282.58,568 Z m 0,-548.31 A 502.24,502.24 0 0 0 43.4,80.22 45.27,45.27 0 0 0 19.7,120.75 c 2.44,172.67 91.81,330 239.07,420.83 a 46.19,46.19 0 0 0 47.61,0 C 453.64,450.73 543,293.42 545.45,120.75 A 45.26,45.26 0 0 0 521.75,80.21 502.26,502.26 0 0 0 282.58,19.69 Z"
-     id="path8"
-     inkscape:connector-curvature="0"
-     style="fill:#ffffff" />
-  <path
-     style="fill:#ffffff"
-     d="M 284.70508 42.693359 A 479.9 479.9 0 0 0 54.369141 100.41992 A 22.53 22.53 0 0 0 42.669922 120.41992 C 45.069922 290.25992 135.67008 438.63977 270.83008 522.00977 A 22.48 22.48 0 0 0 294.32031 522.00977 C 429.48031 438.63977 520.08047 290.25992 522.48047 120.41992 A 22.53 22.53 0 0 0 510.7793 100.41992 A 479.9 479.9 0 0 0 284.70508 42.693359 z M 282.57422 123.27344 C 302.2486 123.27344 318.08789 139.67142 318.08789 160.03906 L 318.08789 310.16211 C 318.08789 330.52975 302.2486 346.92773 282.57422 346.92773 C 262.89984 346.92773 247.0625 330.52975 247.0625 310.16211 L 247.0625 160.03906 C 247.0625 139.67142 262.89984 123.27344 282.57422 123.27344 z M 282.57422 373.71094 C 302.2487 373.71094 318.08789 389.55014 318.08789 409.22461 C 318.08789 428.89909 302.2487 444.73633 282.57422 444.73633 C 262.89975 444.73633 247.06055 428.89909 247.06055 409.22461 C 247.06055 389.55014 262.89975 373.71094 282.57422 373.71094 z "
-     id="path10" />
-  <g
-     id="g821"
-     transform="translate(0,32.491428)"
-     style="fill:#ffffff" />
-</svg>
+<?xml version="1.0" encoding="UTF-8"?><svg id="svg16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88"><defs><style>.cls-1{fill:#fff;}</style></defs><path id="path10" class="cls-1" d="m47.37,8c-11.66-.05-23.15,2.83-33.41,8.37-1.06.58-1.71,1.69-1.7,2.9.35,24.63,13.49,46.15,33.09,58.25,1.05.64,2.36.64,3.41,0,19.6-12.09,32.74-33.61,33.09-58.25.01-1.21-.64-2.32-1.7-2.9-10.07-5.45-21.34-8.32-32.79-8.37Zm-.31,9.68c2.85,0,5.15,2.38,5.15,5.33v21.77c0,2.95-2.3,5.33-5.15,5.33s-5.15-2.38-5.15-5.33v-21.77c0-2.95,2.3-5.33,5.15-5.33Zm0,36.32c2.85,0,5.15,2.3,5.15,5.15s-2.3,5.15-5.15,5.15-5.15-2.3-5.15-5.15,2.3-5.15,5.15-5.15Z"/></svg>
\ No newline at end of file
diff --git a/public/icons/PlayerUploadIconSponsorBlocker.svg b/public/icons/PlayerUploadIconSponsorBlocker.svg
index 07c5fc58..fe5c42b5 100644
--- a/public/icons/PlayerUploadIconSponsorBlocker.svg
+++ b/public/icons/PlayerUploadIconSponsorBlocker.svg
@@ -1,67 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   viewBox="0 0 565.15 568"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="PlayerUploadIconSponsorBlocker.svg"
-   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
-   inkscape:export-filename="D:\Dell Data\_Projects\_____SponsorSkip\ignored\svg\SponsorBlocker4.png"
-   inkscape:export-xdpi="43.436523"
-   inkscape:export-ydpi="43.436523">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>LogoSponsorBlocker2</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1001"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="0.83098595"
-     inkscape:cx="-374.9496"
-     inkscape:cy="291.99093"
-     inkscape:window-x="477"
-     inkscape:window-y="961"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg16" />
-  <defs
-     id="defs4">
-    <style
-       id="style2">.cls-1{fill:red;}.cls-2{fill:#fff;}</style>
-  </defs>
-  <title
-     id="title6">LogoSponsorBlocker2</title>
-  <path
-     class="cls-1"
-     d="m 282.58,568 a 65,65 0 0 1 -34.14,-9.66 C 95.41,463.94 2.54,300.46 0,121 a 64.91,64.91 0 0 1 34,-58.09 522.56,522.56 0 0 1 497.16,0 64.91,64.91 0 0 1 34,58.12 c -2.53,179.43 -95.4,342.91 -248.42,437.3 A 65,65 0 0 1 282.58,568 Z m 0,-548.31 A 502.24,502.24 0 0 0 43.4,80.22 45.27,45.27 0 0 0 19.7,120.75 c 2.44,172.67 91.81,330 239.07,420.83 a 46.19,46.19 0 0 0 47.61,0 C 453.64,450.73 543,293.42 545.45,120.75 A 45.26,45.26 0 0 0 521.75,80.21 502.26,502.26 0 0 0 282.58,19.69 Z"
-     id="path8"
-     inkscape:connector-curvature="0"
-     style="fill:#ffffff" />
-  <path
-     style="fill:#ffffff"
-     d="M 284.70508 42.693359 A 479.9 479.9 0 0 0 54.369141 100.41992 A 22.53 22.53 0 0 0 42.669922 120.41992 C 45.069922 290.25992 135.67008 438.63977 270.83008 522.00977 A 22.48 22.48 0 0 0 294.32031 522.00977 C 429.48031 438.63977 520.08047 290.25992 522.48047 120.41992 A 22.53 22.53 0 0 0 510.7793 100.41992 A 479.9 479.9 0 0 0 284.70508 42.693359 z M 282.57422 112.11133 L 282.87109 112.11133 L 423.75977 365.75391 L 330.30273 365.75391 L 330.30273 409.21094 L 234.84766 409.21094 L 234.84766 365.75391 L 141.39062 365.75391 L 282.57422 112.11133 z "
-     id="path10" />
-</svg>
+<?xml version="1.0" encoding="UTF-8"?><svg id="svg16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88"><defs><style>.cls-1{fill:#fff;}</style></defs><path class="cls-1" d="m79.14,16.37c-10.07-5.45-21.34-8.32-32.79-8.37-11.66-.05-23.15,2.83-33.41,8.37-1.06.58-1.71,1.69-1.7,2.9.35,24.63,13.49,46.15,33.09,58.25,1.05.64,2.36.64,3.41,0,19.6-12.09,32.74-33.61,33.09-58.25.01-1.21-.64-2.32-1.7-2.9Zm-17.88,33.74h-6.58c-1.16,0-2.1.94-2.1,2.1v9.86c0,1.16-.94,2.1-2.1,2.1h-8.26c-1.16,0-2.1-.94-2.1-2.1v-9.86c0-1.16-.94-2.1-2.1-2.1h-6.58c-1.59,0-2.61-1.7-1.85-3.1l14.91-27.59c.79-1.47,2.9-1.47,3.7,0l14.91,27.59c.76,1.4-.26,3.1-1.85,3.1Z"/></svg>
\ No newline at end of file
diff --git a/public/icons/skipIcon.svg b/public/icons/skipIcon.svg
index 84bf7f5b..8f593089 100644
--- a/public/icons/skipIcon.svg
+++ b/public/icons/skipIcon.svg
@@ -1,71 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   viewBox="0 0 565.15 568"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="skipIcon.svg"
-   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
-   inkscape:export-filename="D:\Dell Data\_Projects\_____SponsorSkip\ignored\svg\SponsorBlocker4.png"
-   inkscape:export-xdpi="43.436523"
-   inkscape:export-ydpi="43.436523">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>LogoSponsorBlocker2</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1001"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="1.6619718"
-     inkscape:cx="316.31071"
-     inkscape:cy="330.01409"
-     inkscape:window-x="477"
-     inkscape:window-y="961"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg16"
-     inkscape:pagecheckerboard="true" />
-  <defs
-     id="defs4">
-    <style
-       id="style2">.cls-1{fill:red;}.cls-2{fill:#fff;}</style>
-  </defs>
-  <title
-     id="title6">LogoSponsorBlocker2</title>
-  <path
-     class="cls-1"
-     d="m 282.58,568 a 65,65 0 0 1 -34.14,-9.66 C 95.41,463.94 2.54,300.46 0,121 a 64.91,64.91 0 0 1 34,-58.09 522.56,522.56 0 0 1 497.16,0 64.91,64.91 0 0 1 34,58.12 c -2.53,179.43 -95.4,342.91 -248.42,437.3 A 65,65 0 0 1 282.58,568 Z m 0,-548.31 A 502.24,502.24 0 0 0 43.4,80.22 45.27,45.27 0 0 0 19.7,120.75 c 2.44,172.67 91.81,330 239.07,420.83 a 46.19,46.19 0 0 0 47.61,0 C 453.64,450.73 543,293.42 545.45,120.75 A 45.26,45.26 0 0 0 521.75,80.21 502.26,502.26 0 0 0 282.58,19.69 Z"
-     id="path8"
-     inkscape:connector-curvature="0"
-     style="fill:#ffffff" />
-  <path
-     style="fill:#ffffff"
-     d="M 284.70508 42.693359 A 479.9 479.9 0 0 0 54.369141 100.41992 A 22.53 22.53 0 0 0 42.669922 120.41992 C 45.069922 290.25992 135.67008 438.63977 270.83008 522.00977 A 22.48 22.48 0 0 0 294.32031 522.00977 C 429.48031 438.63977 520.08047 290.25992 522.48047 120.41992 A 22.53 22.53 0 0 0 510.7793 100.41992 A 479.9 479.9 0 0 0 284.70508 42.693359 z M 188.7168 140.07227 L 312.64844 264.00586 L 188.7168 387.9375 L 159.5918 358.8125 L 254.19336 264.00586 L 159.5918 169.19727 L 188.7168 140.07227 z M 305.625 140.07227 L 429.55859 264.00586 L 305.625 387.9375 L 276.50195 358.8125 L 371.10352 264.00586 L 276.50195 169.19727 L 305.625 140.07227 z "
-     id="path10" />
-  <g
-     id="g825"
-     transform="translate(-3.86549,36.564644)" />
-</svg>
+<?xml version="1.0" encoding="UTF-8"?><svg id="svg16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88"><defs><style>.cls-1{fill:#fff;}</style></defs><path id="path10" class="cls-1" d="m44.66,7.96c-11.67-.05-23.17,2.83-33.44,8.38-1.06.58-1.71,1.7-1.7,2.9.35,24.66,13.5,46.2,33.13,58.31,1.05.64,2.36.64,3.41,0,19.62-12.1,32.78-33.65,33.13-58.31.01-1.21-.64-2.32-1.7-2.9-10.09-5.45-21.36-8.33-32.82-8.38Zm-12.4,14.84l14.36,14.36c1.22,1.22,1.22,3.2,0,4.41l-14.36,14.36c-1.22,1.22-3.2,1.22-4.41,0h0c-1.22-1.22-1.22-3.19,0-4.41l9.93-9.95c1.22-1.22,1.22-3.19,0-4.41l-9.93-9.95c-1.22-1.22-1.22-3.19,0-4.41h0c1.22-1.22,3.2-1.22,4.41,0Zm17.71,0l14.36,14.36c1.22,1.22,1.22,3.2,0,4.41l-14.36,14.36c-1.22,1.22-3.2,1.22-4.41,0h0c-1.22-1.22-1.22-3.19,0-4.41l9.93-9.95c1.22-1.22,1.22-3.19,0-4.41l-9.93-9.95c-1.22-1.22-1.22-3.19,0-4.41h0c1.22-1.22,3.2-1.22,4.41,0Z"/></svg>
\ No newline at end of file
diff --git a/src/render/PlayerButton.tsx b/src/render/PlayerButton.tsx
index dc28b42e..df679246 100644
--- a/src/render/PlayerButton.tsx
+++ b/src/render/PlayerButton.tsx
@@ -66,7 +66,7 @@ export class PlayerButton {
             this.creatingButtons = true;
             this.container = document.createElement("div");
             this.container.id = containerId;
-            this.container.style.display = "contents";
+            this.container.style.display = "flex";
             this.root = createRoot(this.container);
             this.root.render(
                 <PlayerButtonGroupComponent
@@ -93,7 +93,7 @@ export class PlayerButton {
                 },
             };
             if (Config.config.autoHideInfoButton) {
-                AnimationUtils.setupAutoHideAnimation(this.playerButtons.info.button, controlsContainer);
+                AnimationUtils.setupAutoHideAnimation(this.playerButtons.info.button, this.container);
             }
             this.creatingButtons = false;
         }