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 698d71ae..b76c3e0a 100644
--- a/options/options.html
+++ b/options/options.html
@@ -78,7 +78,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>
@@ -137,7 +137,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>
@@ -154,7 +154,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>
@@ -171,7 +171,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>
@@ -202,7 +202,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>
@@ -231,7 +231,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 3a131af7..d4ffe4a2 100644
--- a/options/options.js
+++ b/options/options.js
@@ -311,7 +311,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");
 }