diff --git a/src/stylus/core.styl b/src/stylus/core.styl
index 5fd6f06..607a146 100644
--- a/src/stylus/core.styl
+++ b/src/stylus/core.styl
@@ -93,6 +93,10 @@ html,body
 			max-width 100vw
 			border-left solid var(--syntax-bpx) var(--syntax-ledg)
 			display flex
+			transition 0.2s border-color
+
+			&:hover
+				border-color var(--syntax-ledgh)
 
 		li
 			margin-top 0.5em
diff --git a/static/global.mjs b/static/global.mjs
index e3de5f3..4daa122 100644
--- a/static/global.mjs
+++ b/static/global.mjs
@@ -12,10 +12,12 @@ document.querySelectorAll(".theme-toggler").forEach((a) =>
 );
 
 const initAlign = () => {
+  console.log("initAlign")
   const cur = localStorage.getItem("align");
   const prev = cur == "center" ? "left" : "center";
-  document.body.classList.add("align-" + cur);
+  console.log({ cur, prev })
   document.body.classList.remove("align-" + prev);
+  document.body.classList.add("align-" + cur);
 };
 
 if (localStorage.getItem("align") === null) {