diff --git a/client/index.html b/client/index.html
index 813b838..477ca9e 100644
--- a/client/index.html
+++ b/client/index.html
@@ -20,20 +20,19 @@
 		<div class="mobile-rightbar-mask" id="mobile-rightbar-mask"></div>
 		<!-- Settings panel as a sidebar replacement -->
 		<div class="settings-sidebar" id="settings-sidebar" style="display:none;">
-			<div class="settings-header">
-				<button class="settings-back-btn" id="settings-back-btn" title="返回" aria-label="返回">
+			<div class="settings-header">				<button class="settings-back-btn" id="settings-back-btn" title="Back" aria-label="Back">
 					<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 						<path d="M15 18L9 12L15 6" stroke="#808080" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 					</svg>
 				</button>
-				<h2 class="settings-title">设置</h2>
+				<h2 class="settings-title">Settings</h2>
 			</div>
 			<div class="settings-content" id="settings-content">
 				<!-- Settings content will be populated by JavaScript -->
 			</div>
 		</div>
 		<div class="sidebar" id="sidebar">
-			<div class="sidebar-user"> <span class="avatar" id="sidebar-user-avatar"></span> <span class="sidebar-username" id="sidebar-username">My Name</span> <button class="settings-btn" id="settings-btn" title="设置" aria-label="设置"> <svg width="30px" height="30px" viewBox="0 0 24 24" fill="none"
+			<div class="sidebar-user"> <span class="avatar" id="sidebar-user-avatar"></span> <span class="sidebar-username" id="sidebar-username">My Name</span> <button class="settings-btn" id="settings-btn" title="Settings" aria-label="Settings"> <svg width="30px" height="30px" viewBox="0 0 24 24" fill="none"
 						xmlns="http://www.w3.org/2000/svg">
 						<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
 						<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
diff --git a/client/js/util.settings.js b/client/js/util.settings.js
index c9f281d..5f9ef96 100644
--- a/client/js/util.settings.js
+++ b/client/js/util.settings.js
@@ -78,10 +78,10 @@ function setupSettingsPanel() {
 	const settings = loadSettings();	// Create settings content HTML
 	settingsContent.innerHTML = `
 		<div class="settings-section">
-			<div class="settings-section-title">通知设置</div>
+			<div class="settings-section-title">Notification Settings</div>
 			<div class="settings-item">
 				<div class="settings-item-label">
-					<div>桌面通知</div>
+					<div>Desktop Notifications</div>
 				</div>
 				<label class="switch">
 					<input type="checkbox" id="settings-notify" ${settings.notify ? 'checked' : ''}>
@@ -90,7 +90,7 @@ function setupSettingsPanel() {
 			</div>
 			<div class="settings-item">
 				<div class="settings-item-label">
-					<div>声音通知</div>
+					<div>Sound Notifications</div>
 				</div>
 				<label class="switch">
 					<input type="checkbox" id="settings-sound" ${settings.sound ? 'checked' : ''}>
@@ -98,7 +98,7 @@ function setupSettingsPanel() {
 				</label>
 			</div>
 		</div>		<div class="settings-section">
-			<div class="settings-section-title">主题设置</div>
+			<div class="settings-section-title">Theme Settings</div>
 			<div class="theme-selector" id="theme-selector">
 				${THEMES.map(theme => `
 					<div class="theme-item ${settings.theme === theme.id ? 'active' : ''}" data-theme-id="${theme.id}" style="background: ${theme.background}; background-size: cover; background-position: center;">