diff --git a/.gitignore b/.gitignore
index fe41ed0a..4ff2c144 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,3 +3,4 @@ ignored
 .idea/
 node_modules
 web-ext-artifacts
+.vscode/
diff --git a/help/styles.css b/help/styles.css
index 338f1810..278d8c72 100644
--- a/help/styles.css
+++ b/help/styles.css
@@ -83,6 +83,12 @@
   vertical-align: middle;
 }
 
+.profilepiccircle {
+  vertical-align: middle;
+  overflow: hidden;
+  border-radius: 50%;
+}
+
 a {
   text-decoration: underline;
   color: inherit;
diff --git a/options/options.html b/options/options.html
index 2e01e997..2a763436 100644
--- a/options/options.html
+++ b/options/options.html
@@ -26,7 +26,7 @@
 			<div option-type="toggle" toggle-type="reverse" sync-option="disableAutoSkip">
 				<label class="switch-container" label-name="__MSG_autoSkip__">
 					<label class="switch">
-						<input type="checkbox">
+						<input type="checkbox" checked>
 						<span class="slider round"></span>
 					</label>
 				</label>
@@ -85,7 +85,7 @@
 			<div option-type="toggle" toggle-type="reverse" sync-option="hideVideoPlayerControls">
 				<label class="switch-container" label-name="__MSG_showButtons__">
 					<label class="switch">
-						<input type="checkbox">
+						<input type="checkbox" checked>
 						<span class="slider round"></span>
 					</label>
 				</label>
@@ -102,7 +102,7 @@
 			<div option-type="toggle" toggle-type="reverse" sync-option="hideInfoButtonPlayerControls">
 				<label class="switch-container" label-name="__MSG_showInfoButton__">
 					<label class="switch">
-						<input type="checkbox">
+						<input type="checkbox" checked>
 						<span class="slider round"></span>
 					</label>
 				</label>
@@ -119,7 +119,7 @@
 			<div option-type="toggle" toggle-type="reverse" sync-option="hideDeleteButtonPlayerControls">
 				<label class="switch-container" label-name="__MSG_showDeleteButton__">
 					<label class="switch">
-						<input type="checkbox">
+						<input type="checkbox" checked>
 						<span class="slider round"></span>
 					</label>
 				</label>
@@ -150,7 +150,7 @@
 			<br/>
 			<br/>
 	
-			<div option-type="text-change" sync-option="userID">
+			<div option-type="text-change" sync-option="userID" confirm-message="userIDChangeWarning">
 				<div class="option-button trigger-button">
 					__MSG_changeUserID__
 				</div>
@@ -179,7 +179,7 @@
 			<div option-type="toggle" toggle-type="reverse" sync-option="dontShowNotice">
 				<label class="switch-container" label-name="__MSG_showSkipNotice__">
 					<label class="switch">
-						<input type="checkbox">
+						<input type="checkbox" checked>
 						<span class="slider round"></span>
 					</label>
 				</label>
diff --git a/options/options.js b/options/options.js
index 14ed32ad..82e9a2af 100644
--- a/options/options.js
+++ b/options/options.js
@@ -118,7 +118,13 @@ function activateTextChange(element) {
 	textBox.value = SB.config[option];
 
     let setButton = element.querySelector(".text-change-set");
-    setButton.addEventListener("click", () => {SB.config[option] = textBox.value});
+    setButton.addEventListener("click", () => {
+        let confirmMessage = element.getAttribute("confirm-message");
+
+        if (confirmMessage === null || confirm(chrome.i18n.getMessage(confirmMessage))) {
+            SB.config[option] = textBox.value;
+        }
+    });
 
     element.querySelector(".option-hidden-section").classList.remove("hidden");
 }
diff --git a/utils.js b/utils.js
index 44486ab9..d6842d68 100644
--- a/utils.js
+++ b/utils.js
@@ -57,13 +57,6 @@ function localizeHtmlPage() {
         
         let localizedMessage = getLocalizedMessage(obj.innerHTML.toString());
         if (localizedMessage) obj.innerHTML = localizedMessage;
-
-        // Try on each attribute
-        let attributes = obj.getAttributeNames();
-        for (const attribute of attributes) {
-            localizedMessage = getLocalizedMessage(obj.getAttribute(attribute).toString());
-            if (localizedMessage) obj.setAttribute(attribute) = localizedMessage;
-        }
     }
 }