v6 still had visible border-radius on the panel's right edge (you could see the rounded corner under "Recent" tab). v7 fixes that: panel is edge-to-edge on the right, no radius. And trims another 16px off the width (168 → 152 mobile) by removing padding everywhere.
Bring nature into the classroom with beautifully illustrated, curriculum-aligned resources.
Books · News · Team · Resources
Ready to bring trees to your classroom?
Bring nature into the classroom with beautifully illustrated, curriculum-aligned resources.
Books · News · Team · Resources · Pricing
Bring nature into the classroom with beautifully illustrated, curriculum-aligned resources.
Books · News · Team · Resources · Pricing · Contact
border-radius: 12px baked in from the phone container's rounded-corner styling. When the panel filled the right edge, you could see the rounded corner under the tab bar — looked like the panel was "floating" inside the phone frame.
border-radius: 0 explicitly. The panel fills the phone's content area edge-to-edge. The phone's outer bezel still has radius (28px) — that's the device frame, not the panel.
border-radius: 12px from the phone container, now 0. Panel fills the right edge of the viewport completely, no rounded corner visible behind the tab barborder-top-left-radius: 8px, now 0. Individual active tabs still have 3px on their top corners so the active state looks "lifted"