diff --git a/app/css/misc.css b/app/css/misc.css
index 4f5b1e6..eb7e2e1 100644
--- a/app/css/misc.css
+++ b/app/css/misc.css
@@ -85,11 +85,11 @@ section:target {
     width: 6rem;
 }
 
-.arrow::-webkit-inner-spin-button {
+::-webkit-inner-spin-button {
     opacity: 1;
-    margin-left: 0.6rem;
-    margin-bottom: -0.2rem;
-    filter: invert(1);
+    margin-left: .4rem;
+    margin-right: -.5rem;
+    filter: invert(.84);
 }
 
 .material-icons {
diff --git a/app/index.html b/app/index.html
index d21201d..18d2c12 100644
--- a/app/index.html
+++ b/app/index.html
@@ -68,7 +68,7 @@
                                         Episode</button>
                                 </div>
                                 <input type="number" id="ep"
-                                    class="form-control flex-reset w-60 bg-primary px-5 text-right arrow"
+                                    class="form-control flex-reset w-60 bg-primary px-5 text-right"
                                     placeholder="#" value="1" min="1">
                             </div>
                         </div>
@@ -245,7 +245,7 @@
                         <div class="input-group-prepend">
                             <span class="input-group-text">Volume</span>
                         </div>
-                        <input id="player1" type="number" value="100" min="0" max="100" class="form-control">
+                        <input id="player1" type="number" value="100" min="0" max="100" class="form-control text-right">
                         <div class="input-group-append">
                             <span class="input-group-text">%</span>
                         </div>
@@ -254,7 +254,7 @@
                         <div class="input-group-prepend">
                             <span class="input-group-text">Immerse After</span>
                         </div>
-                        <input id="player2" type="number" value="3" min="1" max="30" class="form-control">
+                        <input id="player2" type="number" value="3" min="1" max="30" class="form-control text-right">
                         <div class="input-group-append">
                             <span class="input-group-text">sec</span>
                         </div>
@@ -263,7 +263,7 @@
                         <div class="input-group-prepend">
                             <span class="input-group-text">Seek</span>
                         </div>
-                        <input id="player3" type="number" value="2" min="1" max="30" class="form-control">
+                        <input id="player3" type="number" value="2" min="1" max="30" class="form-control text-right">
                         <div class="input-group-append">
                             <span class="input-group-text">sec</span>
                         </div>
@@ -357,7 +357,7 @@
                         <div class="input-group-prepend">
                             <span class="input-group-text">UI Scale</span>
                         </div>
-                        <input id="other1" type="number" value="100" min="1" max="1000" class="form-control">
+                        <input id="other1" type="number" value="100" min="1" max="1000" class="form-control text-right">
                         <div class="input-group-append">
                             <span class="input-group-text">%</span>
                         </div>
diff --git a/app/js/playerHandler.js b/app/js/playerHandler.js
index c6ad43f..2a617b5 100644
--- a/app/js/playerHandler.js
+++ b/app/js/playerHandler.js
@@ -325,17 +325,6 @@ async function btnpip() {
     }
 }
 
-function hardSub() {
-    let c1 = document.createElement("canvas"),
-        sub = document.querySelector(".libassjs-canvas")
-    c1.width = sub.width
-    c1.height = sub.height
-    let ctx1 = c1.getContext("2d")
-    ctx1.drawImage(video, 0, 0, c1.width, c1.height)
-    ctx1.drawImage(sub, 0, 0)
-    console.log(c1.toDataURL("image/jpeg"))
-}
-
 //miniplayer
 if (!settings.player4) {
     player.style.setProperty("--miniplayer-display", "none");