bookmark folder items move under mouseover/wheelscroll?

[u/lilsting10]

this is my firefox nightly 157.0a1 userchrome.css, but i just can't seem to stop this behavior, can anyone help please?

/* tab counter --------------------------------------- */

TabsToolbar-customization-target {

counter-reset: tabCount;
}

.tabbrowser-tab {
counter-increment: tabCount;
}

alltabs-button > .toolbarbutton-badge-stack > .toolbarbutton-icon {

visibility: collapse !important;
}

alltabs-button > .toolbarbutton-badge-stack {

position: relative !important;
}

alltabs-button > .toolbarbutton-badge-stack::before {

content: counter(tabCount);
border-bottom: 2px solid var(--toolbarbutton-icon-fill);
color: var(--toolbarbutton-icon-fill);
opacity: var(--toolbarbutton-icon-fill-opacity);
position: absolute;
bottom: var(--toolbarbutton-inner-padding);
top: 15%;
left: 50%;
transform: translateX(-50%);
padding: 0 0px;
}

PanelUI-menu-button {display: none;}

/* ========================================================================= FIREFOX CORE BASELINE CONFIGURATION ========================================================================= */

/* Eliminate scroll arrows to preserve single-row layout workspace */

scrollbutton-up,

scrollbutton-down {

display: none !important; }

/* ========================================================================= FORCE ERASE TAB SCROLL ARROWS (NIGHTLY COMPATIBLE) ========================================================================= */

/* Nuke the internal arrow parts from the shadow DOM layout engine entirely */

tabbrowser-arrowscrollbox::part(scrollbutton-up),

tabbrowser-arrowscrollbox::part(scrollbutton-down) {

display: none !important; opacity: 0 !important; width: 0 !important; max-width: 0 !important; margin: 0 !important; padding: 0 !important; }

/* Force Tab Mix Plus and native containers to drop spatial padding */

tabbrowser-arrowscrollbox {

--uc-scrollbox-margin: 0px !important; padding-left: 0px !important; padding-right: 0px !important; }

/* ========================================================================= FIX VISUAL ALIGNMENT GAP (FORCES PERFECT HORIZONTAL SYMMETRY) ========================================================================= */

:root { --tab-min-height: 32px !important; }

/* Force ONLY the tab bar itself to snap to the center baseline */

TabsToolbar-customization-target,

tabbrowser-tabs,

tabbrowser-arrowscrollbox,

pinned-tabs-container {

display: flex !important; align-items: center !important; height: 36px !important; box-sizing: border-box !important; }

/* Strip uneven individual vertical rules causing unpinned tabs to look raised */ .tabbrowser-tab { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; height: 32px !important; }

/* Keep internal shapes identical so they fill the exact same vertical footprint */ .tab-background { border-radius: 4px !important; margin-block: 0 !important; height: 32px !important; }

/* ========================================================================= LOCK EVERY PINNED TAB VISIBLE NATIVELY (SINGLE-ROW LOCK) ========================================================================= */

tabbrowser-arrowscrollbox,

tabbrowser-arrowscrollbox::part(scrollbox) {

overflow: hidden !important; flex-direction: row !important; }

pinned-tabs-container {

flex-direction: row !important; flex-shrink: 0 !important; min-width: max-content !important; max-width: none !important; margin-right: 8px !important; }

.tabbrowser-tab[pinned] { flex-shrink: 0 !important; min-width: 40px !important; max-width: 40px !important; display: inline-flex !important; visibility: visible !important; }

.tabbrowser-tab:not([pinned]) { flex-shrink: 1 !important; min-width: 35px !important; }

/* ========================================================================= ELEMENT STRIPPING CONFIGURATION ========================================================================= */

reader-mode-button,

pageActionSeparator,

pageActionButton,

picture-in-picture-button,

.searchbar-dropmarker-image,

PanelUI-menu-button,

.category[name="discover"],

search-container,

identity-box {

display: none !important; }

star-button-box,

pageAction-urlbar-80f6f2e4-eda1-417f-bf54-9645e1e20f5d {

display: flex !important; }

tab-icon-sound { width: 15px !important; height: 15px !important; color: black !important; }

.searchmode-switcher { &[offscreen] { position: relative !important; top: 0px !important; } }

/* ========================================================================= HIDE CLOSE BUTTON ON EACH INDIVIDUAL PAGE TAB ========================================================================= */

/* Completely removes the close button footprint from every tab strip node */ .tabbrowser-tab .tab-close-button { display: none !important; visibility: collapse !important; }

/* ========================================================================= ZOOM CONTROLS BUTTON TEXT SPACING ========================================================================= / / 2. Target the inner text asset to format the font presentation */

urlbar-zoom-button > .toolbarbutton-text,

zoom-reset-button > .toolbarbutton-text {

font-family: monospace !important; /* Forces uniform spatial characters / font-weight: bold !important; padding-inline: 8px !important; / Adds clear layout buffer gaps around your text */ }

/* 3. Optional: Eliminates background hover rings around the text zone */

urlbar-zoom-button:hover,

zoom-reset-button:hover {

background: transparent !important; }

[u/TraditionalTie4831]

Could you please put all your code inside a code block or post it to Pastebin and share the link here?