diff --git a/src/markdown/style.ts b/src/markdown/style.ts
index d7a8bfe..0b4f66b 100644
--- a/src/markdown/style.ts
+++ b/src/markdown/style.ts
@@ -61,7 +61,7 @@ export const styles = [
       text-decoration: line-through;
     }
     md-span[type='code_span'] {
-      white-space: pre;
+      white-space: pre-wrap;
       font-family: monospace;
     }
   `,
@@ -81,7 +81,7 @@ export const styles = [
       margin-block: 0;
 
       display: grid;
-      grid-template-columns: auto 1fr;
+      grid-template-columns: auto minmax(0, 1fr);
       align-items: baseline;
     }
     md-block[type='list-item']::before {
@@ -172,6 +172,8 @@ export const styles = [
     }
     md-block {
       background-color: var(--md-selection-override-bgcolor);
+      display: grid;
+      grid-template-columns: minmax(0, 1fr);
     }
   `,
   // Overridable styles.
diff --git a/src/sidebar.ts b/src/sidebar.ts
index 6423c09..c65900c 100644
--- a/src/sidebar.ts
+++ b/src/sidebar.ts
@@ -13,7 +13,8 @@ export class Sidebar extends LitElement {
       grid-template-columns: 5px 1fr;
     }
     :host(:not([collapsed])) {
-      min-width: max(var(--pkm-sidebar-width, min(50dvw, 400px)), 200px);
+      min-width: max(var(--pkm-sidebar-width, 0px), min(50dvw, 400px), 200px);
+      max-width: max(var(--pkm-sidebar-width, 0px), min(50dvw, 400px), 200px);
       background: rgba(255, 255, 255, 0.05);
       box-shadow:
         0 3px 6px rgba(0, 0, 0, 0.16),
diff --git a/src/style.ts b/src/style.ts
index b24d975..fd0585f 100644
--- a/src/style.ts
+++ b/src/style.ts
@@ -47,7 +47,7 @@ export const styles = [
         --md-block-quote-bgcolor: #3e3e3e;
         --md-code-block-bgcolor: #3e3e3e;
         --md-code-span-bgcolor: #4e4e4e;
-        --md-accent-color: #56e;
+        --md-accent-color: #78f;
         --md-block-selection-bgcolor: #888;
         --md-active-block-color: #303030;
         --pkm-dialog-bgcolor: #191919;