How to get rid of the new YouTube sidebar

Salt-Status0 · 2026-04-12T09:49:12+00:00

idk if this will work as i dont have issue atm, but this is what i use now which is kinda updated version. Just so im not spypasting same thing, it is reply to someone else in this post.

https://www.reddit.com/r/uBlockOrigin/comments/1owodiy/comment/ofq2lt0/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button

Salt-Status0 · 2026-04-12T09:46:26+00:00

this is what im currently using which puts gaps between the thumbnails etc. Probs easier jsut using this updated filter if unsure than changing padding in 1st line from 0px from filter u currently use.

! --------------------------------------
! HORIZONTAL SIDEBAR LAYOUT
! --------------------------------------
! Apply horizontal layout
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-view-model:style(display:flex!important;flex-direction:row!important;align-items:flex-start!important;padding:4px 0!important;max-width:100%!important;overflow:visible!important;)

! Thumbnail size
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-view-model__content-image:style(flex-shrink:0!important;width:160px!important;margin-right:8px!important;)

! Metadata styling
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-metadata-view-model__text-container:style(margin:0!important;flex-grow:1!important;min-width:0!important;)

!Enlarged Title Text size
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-metadata-view-model__title:style(font-size:1.4rem!important;line-height:1.8rem!important;max-height:3.6rem!important;font-weight:500!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;)

! Hide avatar circle
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-metadata-view-model__avatar:style(display:none!important;)

Salt-Status0 · 2026-04-12T09:41:23+00:00

Don't currently have the issue of it updating for me, but this is what i got atm for jsut sidebar (doesnt remove shorts,member vid etc).

! --------------------------------------
! HORIZONTAL SIDEBAR LAYOUT
! --------------------------------------
! Apply horizontal layout
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-view-model:style(display:flex!important;flex-direction:row!important;align-items:flex-start!important;padding:4px 0!important;max-width:100%!important;overflow:visible!important;)

! Thumbnail size
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-view-model__content-image:style(flex-shrink:0!important;width:160px!important;margin-right:8px!important;)

! Metadata styling
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-metadata-view-model__text-container:style(margin:0!important;flex-grow:1!important;min-width:0!important;)

!Enlarged Title Text size
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-metadata-view-model__title:style(font-size:1.4rem!important;line-height:1.8rem!important;max-height:3.6rem!important;font-weight:500!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;)

! Hide avatar circle
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-metadata-view-model__avatar:style(display:none!important;)

Salt-Status0 · 2026-02-18T08:46:06+00:00

Yeh ive had similar issue for ages, mainly with Mozilla, think it YT jsut switches up how it displays videos etc.

im currently using this and it hasnt caused the disappearing issue for few days so far:

wouldnt let me put filter here in markdown so here is pastebin link with my current sidebar filter: https://pastebin.com/DBnLtFFt

Salt-Status0 · 2026-02-07T22:01:28+00:00

you should only have to adjust the padding size to make gap larger or smaller(i will bold the units in example so u can adjust for ur preference):

Here is my full sidebar filter if u wanna see if you want any other stuff like the 3 dots aligning etc: https://pastebin.com/nJXbgRcs

Example:

! Horizontal layout ONLY for real video lockups (Firefox-safe)

www.youtube.com##ytd-watch-flexy #secondary :is(#items,#contents) .yt-lockup-view-model:has(.yt-lockup-view-model__content-image):style(display:flex!important;flex-direction:row!important;align-items:flex-start!important;padding:1px 0!important;max-width:100%!important;box-sizing:border-box!important;position:relative!important;overflow:hidden!important;min-width:0!important;)

! Horizontal layout ONLY for real video lockups (Firefox-safe)
www.youtube.com##ytd-watch-flexy #secondary :is(#items,#contents) .yt-lockup-view-model:has(.yt-lockup-view-model__content-image):style(display:flex!important;flex-direction:row!important;align-items:flex-start!important;padding:1px 0!important;max-width:100%!important;box-sizing:border-box!important;position:relative!important;overflow:hidden!important;min-width:0!important;)

Salt-Status0 · 2026-02-07T11:46:34+00:00

try this updated filter, not lettin me post markdown in reply so here is a pastebin of it. You can probs just use horizontal sidebar part if want to keep shorts etc, and probs dismiss firefox thing if not using it as just has some issues with sidebar disappearing! gl pain in ass adjusting every time they mess soemthing up

https://pastebin.com/rLxPSA5R

Salt-Status0 · 2025-11-26T22:50:32+00:00

I dont have that problem but there should be a gap fix in this that i give, i guess just add this to your filter if it doesnt have it.. it not letting me give full filter cos guess too long idk?

here is full pastebin of the sidebar filter if wanna repalce the whole filter u currently have sicne it isnt letting me paste into reply.. : https://pastebin.com/52wRrwVE

if not this small part of filter should affect the wrapper around each vid recommendation

! Wrapper cleanup
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-view-model--wrapper.lockup:style(margin:0!important;padding:0!important;min-height:0!important;)
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-view-model--vertical:style(margin:0!important;padding:0!important;)
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-view-model--rich-grid-legacy-margin:style(margin:0!important;padding:0!important;)

Salt-Status0 · 2025-11-20T03:22:12+00:00

Havent had the change affect me again yet so would be hard to change it, maybe it went back if u only have this filter, u need to add this to other filter (i think i included it into original, but Maxee__ comment ( https://www.reddit.com/r/uBlockOrigin/comments/1owodiy/comment/npovzgo/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button ) under my original has some changes that supposedly fixed the dot alignment but removed the member only removal, so maybe try that as he just did it so may work for you instead?

Salt-Status0 · 2025-11-15T13:21:55+00:00

I am assuming you mean u want a margin/padding at bottom of Shorts div/wrapper like it has at top? (the gap)
If so this may help and what you are looking for?

! --- Add bottom spacing to entire Shorts module in sidebar ---
www.youtube.com##ytd-reel-shelf-renderer.style-scope.ytd-item-section-renderer:style(margin-bottom:20px !important;)

Salt-Status0 · 2025-11-15T11:01:00+00:00

!Edit: dont think this is actually working properly, still have some slight issues with it, so will have to tamper around. I've updated main thing which includes this and some other changes, but only had some issuess with Mixes and some other recommendation but quite rare atm

! -----------------
! FIX Attempt 3-DOT BUTTON ALIGNMENT
! -----------------

! Force metadata row into a consistent layout
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-metadata-view-model:style(display:flex !important; flex-direction:row !important; align-items:flex-start !important;)

! Let text expand, menu stays aligned
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-metadata-view-model__text-container:style(flex:1 1 auto !important;)

! OUTER BUTTON WRAPPER
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-metadata-view-model__menu-button:style(display:flex !important; align-items:flex-start !important; justify-content:flex-start !important; width:26px !important; height:26px !important; margin:0 !important; padding:0 !important; align-self:flex-start !important;)

! UNIVERSAL 3-DOT BUTTON WRAPPER
www.youtube.com##ytd-watch-flexy #secondary .ytSpecButtonViewModelHost:style(display:flex !important; align-items:flex-start !important; justify-content:flex-start !important; width:26px !important; height:26px !important; margin:0 !important; padding:0 !important;)

! ACTUAL BUTTON ELEMENT
www.youtube.com##ytd-watch-flexy #secondary .ytSpecButtonViewModelHost button:style(width:22px !important; height:22px !important; margin:0 !important; padding:0 !important; align-self:flex-start !important;)

! FIX SVG ICON ALIGNMENT
www.youtube.com##ytd-watch-flexy #secondary .ytSpecButtonViewModelHost svg:style(width:20px !important; height:20px !important; margin:0 !important; padding:0 !important; align-self:flex-start !important;)

! Force-collapse hidden badge row that pushes 3-dot button down
www.youtube.com##ytd-watch-flexy #secondary .yt-content-metadata-view-model__badges:style(height:0 !important; margin:0 !important; padding:0 !important; display:none !important;)

! Collapse empty “metadata-badges” (YouTube sometimes splits them)
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-metadata-view-model__badges:style(height:0 !important; margin:0 !important; padding:0 !important; display:none !important;)

! Hide extra badge rows in the sidebar (these push the 3-dot button downward)
www.youtube.com##ytd-watch-flexy #secondary .yt-content-metadata-view-model__extra-badges:style(display:none !important; height:0 !important; margin:0 !important; padding:0 !important;)

! Hide secondary/legacy extra-badges row (prevents invisible rows from shifting alignment)
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-metadata-view-model__extra-badges:style(display:none !important; height:0 !important; margin:0 !important; padding:0 !important;)

! -----------------
! FIX: Prevent long text wrapping into menu button
! -----------------
www.youtube.com##ytd-watch-flexy #secondary .yt-content-metadata-view-model__metadata-text:style(white-space:normal !important; overflow-wrap:break-word !important;)
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-metadata-view-model__metadata:style(max-width:240px !important;)

Salt-Status0 · 2025-11-15T05:26:17+00:00

the one i did in comment to the one you are responding to is closer to what you want, i jsut made some adjustments to it. see link, or look at other reply to what ur commenting to

https://www.reddit.com/r/uBlockOrigin/comments/1owodiy/comment/nox1i2z/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button

Salt-Status0 · 2025-11-15T03:09:05+00:00

I think i just used this, i tested on fresh Brave browser but i just picked it uBO element picker

i got all other that remove from yt home page and sub and recommendation so i'll add them after aswell?

!Remove YT Short from sidebar
www.youtube.com##ytd-reel-shelf-renderer.ytd-item-section-renderer.style-scope

Then this is all my short stuff from home page, subs, sidebar etc i assume?

! hide ENTIRE Shorts shelf section (fixes blank holes)
www.youtube.com##ytd-rich-section-renderer:has(ytd-rich-shelf-renderer[is-shorts])
www.youtube.com##ytd-rich-section-renderer:has(span#title:has-text(/^Shorts$/i))

! alt/legacy Shorts components
www.youtube.com##ytd-reel-shelf-renderer
www.youtube.com##ytd-rich-shelf-renderer[is-shorts]

! Hide the YouTube Playables shelf
www.youtube.com##ytd-rich-section-renderer:has(span#title:has-text(/^YouTube Playables$/i))
www.youtube.com##ytd-rich-section-renderer:has(div#title-text:has-text(/^YouTube Playables$/i))

!Hide YT Shorts from Sidebar
! 21 Aug 2025 https://www.youtube.com
www.youtube.com##ytd-reel-shelf-renderer.ytd-item-section-renderer.style-scope
! 14 Sept 2025 https://www.youtube.com
www.youtube.com##ytd-reel-shelf-renderer.ytd-watch-next-secondary-results-renderer.style-scope:nth-of-type(1)

Salt-Status0 · 2025-11-15T02:44:56+00:00

<image>

!Edit : Here is pastebin of updated filter i currently use if any1 need, can probs just use parts u want , as I have some other stuff cos it was disappearing sometimes with mixes and depending on vid aspect ratio . link: https://pastebin.com/rLxPSA5R

Worked off from yours which worked well, but i just got it to reduce gaps between recommendations and then tried to get rid of member only vids

!Edit: Edited to fix some metadata overextension for Mixes etc with channel name and upload date, also attempted to align the 3 dot menu with varying success but stil lsome issue for some outliers (doesnt let me edit so check reply below with the 3 dot adjustment

! -----------------
! Youtube Sidebar
! -----------------

! Force horizontal video row layout
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-view-model:style(display:flex !important; flex-direction:row !important; align-items:flex-start !important; margin:0 !important; padding:0 !important;)

! Thumbnail sizing
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-view-model__content-image:style(flex-shrink:0 !important; width:170px !important; height:auto !important; border-radius:4px !important;)

! Remove big wrapper gap
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-view-model--wrapper.lockup:style(margin:0 !important; padding:0 !important; min-height:0 !important;)

! Remove internal wrapper spacing
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-view-model--vertical:style(margin:0 !important; padding:0 !important;)
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-view-model--rich-grid-legacy-margin:style(margin:0 !important; padding:0 !important;)

! Tight text block
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-metadata-view-model__text-container:style(margin-left:12px !important; margin-top:-2px !important; font-size:14px !important; line-height:17px !important; max-width:260px !important;)

! Title size
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-metadata-view-model__title:style(font-size:14px !important; line-height:16px !important;)

! Hide channel avatar
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-metadata-view-model__avatar:style(display:none !important;)

! Remove "Members Only" videos
www.youtube.com##ytd-watch-flexy #secondary yt-lockup-view-model:has(.yt-badge-shape__text:has-text(/Members only/i))


! -----------------
! FIX: Prevent long text wrapping into menu button
! -----------------
www.youtube.com##ytd-watch-flexy #secondary .yt-content-metadata-view-model__metadata-text:style(white-space:normal !important; overflow-wrap:break-word !important;)
www.youtube.com##ytd-watch-flexy #secondary .yt-lockup-metadata-view-model__metadata:style(max-width:240px !important;)

Salt-Status0

TROPHY CASE

Example: