diff --git a/package.json b/package.json
index eebd627c..9e1bc0c6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "impro",
-  "version": "0.18.76",
+  "version": "0.18.77",
   "type": "module",
   "scripts": {
     "start": "rm -rf \"${BUILD_DIR:-build}\" && NODE_ENV=development eleventy --serve",
diff --git a/src/css/style.css b/src/css/style.css
index b3edcf3f..8f221143 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -1035,7 +1035,8 @@ tab-bar:not([full-width]) {
 }
 
 .sidebar {
-  display: block;
+  display: flex;
+  justify-content: flex-end;
   position: fixed;
   top: 0;
   left: 0;
@@ -1055,6 +1056,14 @@ tab-bar:not([full-width]) {
   overflow-y: auto;
 }
 
+@media (max-width: 799px) {
+  .sidebar > .sidebar-content {
+    width: var(--sidebar-max-width);
+    max-width: 100%;
+    flex: 0 0 auto;
+  }
+}
+
 @media (min-width: 800px) {
   .sidebar {
     position: sticky;