# 🖱️ Auto-Expand the Sidebar on Hover

**URL:** <https://community.glideapps.com/t/auto-expand-the-sidebar-on-hover/85787>\
**Category:** Community Resources\
**Tags:** custom-css\
**Created:** [December 24, 2025, 4:13am UTC](https://community.glideapps.com/t/auto-expand-the-sidebar-on-hover/85787 "2025-12-24T04:13:38Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [December 24, 2025, 4:13am UTC](https://community.glideapps.com/t/auto-expand-the-sidebar-on-hover/85787/1 "2025-12-24T04:13:38Z")

</div>

## 🎄 Season’s greetings, Glide community!

Quick CSS tweak for Glide users who want more screen space without losing sidebar access.  
If you prefer a cleaner workspace but still want instant access to the full sidebar, this CSS code collapses the Glide sidebar by default — and expands it only when you hover.

```auto
/* collapsed */
div[class^="unified-side-bar___StyledMotionDiv2"] {
  width: 68px !important;
  transition: width 0.25s ease-in-out;
}

/* expand on hover */
div[class^="unified-side-bar___StyledMotionDiv2"]:not([style*="width: 68px"]):hover {
  width: 256px !important;
}

/* hide toggle */
#page-root .has-tab-bar:has(li > button > span) .toggle-sidebar {
  display: none;
}

```

![ScreenRecording2025-11-25183017-ezgif.com-video-to-gif-converter](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/0/e074f7c084f7231b66a61a75048201533714a97d.gif)

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [December 24, 2025, 12:57pm UTC](https://community.glideapps.com/t/auto-expand-the-sidebar-on-hover/85787/2 "2025-12-24T12:57:46Z")

</div>

Bookmarked

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [December 24, 2025, 4:43pm UTC](https://community.glideapps.com/t/auto-expand-the-sidebar-on-hover/85787/3 "2025-12-24T16:43:46Z")

</div>

Beautiful!