diff --git a/src/assets/css/src/1.4.compositions.with-sidebar.css b/src/assets/css/src/1.4.compositions.with-sidebar.css
index 5c36206..d976ea5 100644
--- a/src/assets/css/src/1.4.compositions.with-sidebar.css
+++ b/src/assets/css/src/1.4.compositions.with-sidebar.css
@@ -6,13 +6,15 @@
   gap: var(--space-32);
 }
 
-.with-sidebar > :first-child {
-  flex-basis: var(--sidebar-width); 
+.with-sidebar > :first-child,
+.with-sidebar[data-side="right"] > :last-child {
+  flex-basis: var(--sidebar-width);
   flex-grow: 1;
 }
 
-.with-sidebar > :last-child {
+.with-sidebar > :last-child,
+.with-sidebar[data-side="right"] > :first-child {
   flex-basis: 0;
   flex-grow: 999;
-  min-inline-size: 50%;
-}
\ No newline at end of file
+  min-inline-size: min(50%, var(--sidebar-width));
+}