# CSS container nesting bug in CUSTOMIZE menu

**URL:** <https://forum.cursor.com/t/css-container-nesting-bug-in-customize-menu/175610>\
**Category:** Bug Reports\
**Tags:** plugins, layout\
**Created:** [October 21, 2026, 3:35pm UTC](https://forum.cursor.com/t/css-container-nesting-bug-in-customize-menu/175610 "2026-10-21T15:35:34Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Chris\_Drake](https://avatars.discourse-cdn.com/v4/letter/c/da6949/32.png) [@Chris\_Drake](https://forum.cursor.com/u/Chris_Drake)\
**Post date:** [October 21, 2026, 3:35pm UTC](https://forum.cursor.com/t/css-container-nesting-bug-in-customize-menu/175610/1 "2026-10-21T15:35:34Z")

</div>

### Where does the bug appear (feature/product)?

Cursor IDE

### Describe the Bug

A mistake in your code makes your UI not understand the container height, and incorrectly vertically-shrink and truncate all the menus and input boxes and so on

### Steps to Reproduce

Open CUSTOMIZE menu (e.g. to the Rules tab), put lots of rules in, on a big display - only 3 or so line show, wasting all the screen size

### Expected Behavior

Should use the full display height, instead of blanking it all out

### Screenshots / Screen Recordings

 ![pic_2026-10-22_01.28.33_432.png](https://us1.discourse-cdn.com/cursor1/original/3X/2/e/2eb7c30dec66858e99cc8607cb59d12ff64d1448.png)

### Operating System

Windows 10/11

### Version Information

Version: 3.24.12 (user setup)  
VS Code Extension API: 1.128.0  
Commit: 37b865941ccb31e2fc90c685157534efca87f960  
Date: 2026-10-09T20:56:41.904Z  
Layout: IDE  
Build Type: Stable  
Release Track: Default  
Electron: 42.10.0  
Chromium: 148.0.7778.280  
Node.js: 24.18.1  
V8: 14.8.178.38-electron.0  
xterm.js: 6.1.0-beta.291  
OS: Windows\_NT x64 10.0.26100

### Additional Information

You can tell this is a CSS error, because the input area’s resize control works fine for the height - but fails to auto-size on load properly. This is a classic CSS container-nesting mistake.

### Does this stop you from using Cursor

No - Cursor works, but with this issue

---

<div class="post-metadata">

**Author:** ![Colin](https://sea3.discourse-cdn.com/cursor1/user_avatar/forum.cursor.com/colin/32/90452_2.png) [@Colin](https://forum.cursor.com/u/Colin)\
**Post date:** [October 21, 2026, 3:44pm UTC](https://forum.cursor.com/t/css-container-nesting-bug-in-customize-menu/175610/6 "2026-10-21T15:44:38Z")

</div>

Hey @Chris_Drake,

What you’re seeing is how the rule editor works today rather than the page losing track of its height: when you edit a User rule on the Customize page, it opens in a text box that starts at a fixed size of about four lines. It can be made taller by dragging, but it doesn’t grow to fit the rule’s text or the window.

A few ways to get more room in the meantime:

1. Drag the handle in the bottom right corner of the box down as far as you like (it resets the next time you open the editor).
2. Split a long rule into several smaller User rules with **+ New** , so each one stays short and readable.
3. For long instructions tied to a project, use a project rule instead: it’s a file in your project’s `.cursor/rules` folder and opens in the full editor. See the [rules docs](https://cursor.com/docs/context/rules).

A larger editor for long rules is a fair ask, and I’ve passed it along as feedback!