diff --git a/static/css/sepia.css b/static/css/sepia.css
index c9a3319..9728b7a 100644
--- a/static/css/sepia.css
+++ b/static/css/sepia.css
@@ -60,6 +60,9 @@ body.sepia header .tabmenu li a {
 body.sepia header .tabmenu li.active a {
 	color: var(--headertext);
 }
+body.sepia #sidebar {
+	width: calc(25% - 45px);
+}
 body.sepia #links {
 	max-width: calc(100% - 32px);
 	margin: 4px 16px;
@@ -205,3 +208,9 @@ body.sepia .comments > form button {
 	padding: 8px;
 	cursor: pointer;
 }
+
+@media only screen and (max-width: 600px) {
+  body.sepia #sidebar {
+    width: 100%;
+  }
+}