More adjustments

src/pages/sandbox.css

@@ -58,8 +58,7 @@
     overflow-anchor: auto;
     position: relative;
 
-    container: preview / inline-size;
+    @media (width > calc(400px + 320px)) {
-    @container preview (inline-size > 400px) {
       &.narrow {
         > [class^='status-'],
         > .status,

src/pages/sandbox.jsx

@@ -1361,10 +1361,10 @@ export default function Sandbox() {
                   <input
                     type="radio"
                     name="displayStyle"
-                    checked={toggleState.displayStyle === 'narrow'}
+                    checked={toggleState.displayStyle === 'adaptive'}
-                    onChange={() => updateToggles({ displayStyle: 'narrow' })}
+                    onChange={() => updateToggles({ displayStyle: 'adaptive' })}
                   />
-                  <span>Narrow</span>
+                  <span>Adaptive</span>
                 </label>
               </li>
               <li>
@@ -1372,10 +1372,10 @@ export default function Sandbox() {
                   <input
                     type="radio"
                     name="displayStyle"
-                    checked={toggleState.displayStyle === 'adaptive'}
+                    checked={toggleState.displayStyle === 'narrow'}
-                    onChange={() => updateToggles({ displayStyle: 'adaptive' })}
+                    onChange={() => updateToggles({ displayStyle: 'narrow' })}
                   />
-                  <span>Adaptive</span>
+                  <span>Narrow</span>
                 </label>
               </li>
             </ul>