diff --git a/assets/index.html b/assets/index.html
index 4381ffd..53d5845 100644
--- a/assets/index.html
+++ b/assets/index.html
@@ -12,13 +12,13 @@
 		<div class="overlay"></div>
 		<div class="main-container">
 			<div class="left-pane">
-				<div style="display: flex; align-items: center; margin-bottom: 12px; flex-wrap: nowrap;">
+				<div class="logo-login-container">
 					<div class="logo">
 						<img class="logo" src="sai.svg"><br>
 						<span class="logo"><a href="https://warmcat.com/git/sai">Sai git</a></span>
 						<span class="logo" id="apirev"></span>
 					</div>
-					<div id="lws-login-status-container" style="margin-left: 10px; margin-top: 4px;"></div>
+					<div id="lws-login-status-container" class="login-status-container"></div>
 				</div>
 				<div id="sai_builders"></div>
 			</div>
diff --git a/assets/sai.css b/assets/sai.css
index a8cf241..5188fd4 100644
--- a/assets/sai.css
+++ b/assets/sai.css
@@ -1165,3 +1165,15 @@ body.overlay-active {
 	align-items: center;
 	flex-shrink: 0;
 }
+
+.logo-login-container {
+	display: flex;
+	align-items: center;
+	margin-bottom: 12px;
+	flex-wrap: nowrap;
+}
+
+.login-status-container {
+	margin-left: 10px;
+	margin-top: 4px;
+}