diff --git a/webclient/src/App.js b/webclient/src/App.js
index 0600e08..9f8ba8d 100644
--- a/webclient/src/App.js
+++ b/webclient/src/App.js
@@ -146,10 +146,10 @@ function App() {
 						<h3>Settings</h3>
 						<div className="setting-group">
 							<h4>Theme</h4>
-							<button className={theme === '' ? 'active' : ''} onClick={() => { light(); setSettingsOpen(false); }}>Light</button>
-							<button className={theme === 'dark' ? 'active' : ''} onClick={() => { dark(); setSettingsOpen(false); }}>Dark</button>
-							<button className={theme === 'black' ? 'active' : ''} onClick={() => { black(); setSettingsOpen(false); }}>Black</button>
-							<button className={theme === 'red' ? 'active' : ''} onClick={() => { red(); setSettingsOpen(false); }}>Red</button>
+							<button className={theme === '' ? 'active' : ''} onClick={() => { light() }}>Light</button>
+							<button className={theme === 'dark' ? 'active' : ''} onClick={() => { dark() }}>Dark</button>
+							<button className={theme === 'black' ? 'active' : ''} onClick={() => { black() }}>Black</button>
+							<button className={theme === 'red' ? 'active' : ''} onClick={() => { red() }}>Red</button>
 						</div>
 						<div className="setting-group">
 							<h4>Body Font Size</h4>