diff --git a/static/style.css b/static/style.css
index fa55a48..d72da33 100644
--- a/static/style.css
+++ b/static/style.css
@@ -380,8 +380,12 @@ input[type="file"] {
 }
 
 #theme_cfg input[type="file"] {
-  height: 35px;
-  width: 120px;
+  height: 50px;
+  width: 100%;
+}
+
+#theme_cfg .upload-wrapper {
+  font-size:150%;
 }
 
 input[type="file"]:not(:valid) + .file-feedback::after {
@@ -418,7 +422,7 @@ input[type="file"]:valid + .file-feedback::after {
 
 #theme_cfg {
   display: grid;
-  grid-template-columns: 1fr auto;
+  grid-template-columns: 1fr 1fr;
 }
 
 input[type=range] {
@@ -489,4 +493,18 @@ input[type=range]::-moz-range-track {
   background: var(--sub_color);
   height: 16px;
   border-top: solid 1px var(--fg_color);
-}
\ No newline at end of file
+}
+
+input[type=range]:focus {
+    border: none;
+}
+
+input[type=range]:focus::-moz-range-track { 
+  border-top: solid 1px var(--main_color);
+}
+
+
+input[type=range]:focus::-webkit-slider-runnable-track {
+  border-top: solid 1px var(--main_color);
+}
+    
diff --git a/templates/config.html b/templates/config.html
index 7bdb6fa..5d602a1 100644
--- a/templates/config.html
+++ b/templates/config.html
@@ -24,11 +24,12 @@
   <input type="file" id="login_bg_upload" name="file"/>
   </div>
   
-  <div class="upload-wrapper">
+
+        <button onclick="setTheme()">Apply</button>
+          <div class="upload-wrapper">
   <label for="main-upload">Set Main BG</label><br/>
   <input type="file" id="main_bg_upload" name="file"/>
-  </div>
-        <button onclick="setTheme()">Apply</button><button onclick="resetTheme(defaultTheme, true)">Reset</button>
+  </div><button onclick="resetTheme(defaultTheme, true)">Reset</button>
       </form>
     </details>