diff --git a/main.css b/main.css
index 54c6777..7ebdf1c 100644
--- a/main.css
+++ b/main.css
@@ -4,8 +4,8 @@
 *******************************/
 :root {
   --ls-font-family: "Inter";
-  --ls-main-content-max-width: 1000px;
-  --ls-main-content-max-width-wide: 1280px;
+  --ls-main-content-max-width: 1000px; /* default: 810px */
+  --ls-main-content-max-width-wide: 1280px; /* default: 1280px */
   --ls-page-text-size: 1em;
   --ls-page-title-size: 26px;
   --ls-tag-text-opacity: 0.8;
@@ -282,7 +282,7 @@ html[data-theme=light] {
   background-color: var(--ct-color-level-1) !important;
 }
 
-@media screen and (max-width: 992px) {
+@media screen and (max-width: 600px) {
   #main-content-container .cp__sidebar-main-content > .mx-auto {
     padding: 10px 5px 10px 10px;
   }
diff --git a/main2.css b/main2.css
index fb0d84a..da142eb 100644
--- a/main2.css
+++ b/main2.css
@@ -4,8 +4,8 @@
 *******************************/
 :root {
   --ls-font-family: "Inter";
-  --ls-main-content-max-width: 1000px;
-  --ls-main-content-max-width-wide: 1280px;
+  --ls-main-content-max-width: 900px; /* default: 810px */
+  --ls-main-content-max-width-wide: 1280px; /* default: 1280px */
   --ls-page-text-size: 1em;
   --ls-page-title-size: 26px;
   --ls-tag-text-opacity: 0.8;
@@ -271,7 +271,7 @@ html[data-theme=light] {
   background-color: var(--ct-color-level-1) !important;
 }
 
-@media screen and (max-width: 992px) {
+@media screen and (max-width: 600px) {
   #main-content-container .cp__sidebar-main-content > .mx-auto {
     padding: 10px 5px 10px 10px;
   }
@@ -1531,3 +1531,11 @@ a.tooltip-priority {
 .page-property-key[data-ref|=plugin]::before {
   content: "\ebd9";
 }
+
+/* quick fix: hr border-color controlled by
+*  --lx-gray-05: var(--cp-darker); // --ls-menu-hover-color
+* this would mean same as bg color :(
+*/
+.content hr {
+  border-color: #32363e;
+}