diff --git a/app/assets/scss/_scrollbar.scss b/app/assets/scss/_scrollbar.scss
new file mode 100644
index 00000000..8d4f0c38
--- /dev/null
+++ b/app/assets/scss/_scrollbar.scss
@@ -0,0 +1,37 @@
+@mixin scrollbars {
+  $target: ':where(*)';
+
+  #{$target} {
+    scrollbar-width: thin;
+    scrollbar-color: transparent transparent;
+  }
+
+  #{$target}:is(:hover, .gp-scrollbar-active) {
+    scrollbar-color: var(--gitpulse-scrollbar-thumb) transparent;
+  }
+
+  #{$target}::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+
+  #{$target}::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  #{$target}::-webkit-scrollbar-thumb {
+    background-color: transparent;
+    border-radius: 3px;
+    transition: background-color 0.3s ease;
+  }
+
+  #{$target}:is(:hover, .gp-scrollbar-active)::-webkit-scrollbar-thumb {
+    background-color: var(--gitpulse-scrollbar-thumb);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    #{$target}::-webkit-scrollbar-thumb {
+      transition: none;
+    }
+  }
+}
diff --git a/app/assets/scss/main.scss b/app/assets/scss/main.scss
index ffd7c23d..8979dfae 100644
--- a/app/assets/scss/main.scss
+++ b/app/assets/scss/main.scss
@@ -1,4 +1,5 @@
 @use 'variables' as *;
+@use 'scrollbar' as scrollbar;
 
 :root {
   color-scheme: light;
@@ -700,3 +701,5 @@ hr {
     transform: rotate(360deg);
   }
 }
+
+@include scrollbar.scrollbars;
diff --git a/app/components/dashboard/SearchResultPreview.vue b/app/components/dashboard/SearchResultPreview.vue
index 993f1185..ab42f319 100644
--- a/app/components/dashboard/SearchResultPreview.vue
+++ b/app/components/dashboard/SearchResultPreview.vue
@@ -259,19 +259,6 @@ const getStateIcon = (item: SearchResultItem) => {
   overflow-y: auto;
   padding-right: 0.25rem;
   flex: 1;
-
-  &::-webkit-scrollbar {
-    width: 4px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: color-mix(in srgb, var(--gitpulse-accent) 25%, transparent);
-    border-radius: 4px;
-  }
 }
 
 .srp-card {
diff --git a/app/components/dashboard/detail/DiscussionDetail.vue b/app/components/dashboard/detail/DiscussionDetail.vue
index db3b2145..53a6845a 100644
--- a/app/components/dashboard/detail/DiscussionDetail.vue
+++ b/app/components/dashboard/detail/DiscussionDetail.vue
@@ -38,7 +38,6 @@ const EMPTY_PAGE_INFO: DiscussionPageInfo = {
 
 const { t } = useI18n();
 const apiFetch = useGitPulseApiFetch();
-const { isScrolling: isSidebarScrolling, onScroll: onSidebarScroll } = useAutoHideScrollState();
 
 const discussionState = shallowRef<DiscussionDetailPayload>(cloneDiscussion(props.discussion));
 const comments = shallowRef<DiscussionComment[]>([]);
@@ -455,11 +454,7 @@ watch(
       </div>
 
       <div class="column detail-sidebar-column" :inert="detailSidebarHidden || undefined">
-        <div
-          class="sidebar-scroll"
-          :class="{ 'sidebar-scroll--active': isSidebarScrolling }"
-          @scroll="onSidebarScroll"
-        >
+        <div class="sidebar-scroll">
           <DiscussionActions
             :discussion="displayDiscussion"
             :source-notification="sourceNotification"
@@ -511,33 +506,6 @@ watch(
   overflow-y: auto;
   padding-right: 0.75rem;
   scrollbar-gutter: stable;
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-  transition: scrollbar-color 0.3s ease;
-
-  &:hover,
-  &--active {
-    scrollbar-color: var(--gitpulse-scrollbar-thumb) transparent;
-  }
-
-  &::-webkit-scrollbar {
-    width: 6px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-color: transparent;
-    border-radius: 3px;
-    transition: background-color 0.3s ease;
-  }
-
-  &:hover::-webkit-scrollbar-thumb,
-  &--active::-webkit-scrollbar-thumb {
-    background-color: var(--gitpulse-scrollbar-thumb);
-  }
 }
 
 .discussion-detail__composer {
diff --git a/app/components/dashboard/detail/IssueDetail.vue b/app/components/dashboard/detail/IssueDetail.vue
index d6d42bd3..f6431cc5 100644
--- a/app/components/dashboard/detail/IssueDetail.vue
+++ b/app/components/dashboard/detail/IssueDetail.vue
@@ -30,11 +30,7 @@
       </div>
 
       <div class="column detail-sidebar-column" :inert="detailSidebarHidden || undefined">
-        <div
-          class="sidebar-scroll"
-          :class="{ 'sidebar-scroll--active': isSidebarScrolling }"
-          @scroll="onSidebarScroll"
-        >
+        <div class="sidebar-scroll">
           <IssueTypeCard
             :issue-type="currentIssue?.type"
             :can-edit-issue-type="canEditIssueType"
@@ -150,8 +146,6 @@ usePageMeta(
   }
 );
 
-const { isScrolling: isSidebarScrolling, onScroll: onSidebarScroll } = useAutoHideScrollState();
-
 const repoInfo = computed(() => {
   return parseGitHubRepoPath(currentIssue.value?.repository_url);
 });
@@ -453,33 +447,6 @@ watch(
   overflow-y: auto;
   padding-right: 0.75rem;
   scrollbar-gutter: stable;
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-  transition: scrollbar-color 0.3s ease;
-
-  &:hover,
-  &--active {
-    scrollbar-color: var(--gitpulse-scrollbar-thumb) transparent;
-  }
-
-  &::-webkit-scrollbar {
-    width: 6px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-color: transparent;
-    border-radius: 3px;
-    transition: background-color 0.3s ease;
-  }
-
-  &:hover::-webkit-scrollbar-thumb,
-  &--active::-webkit-scrollbar-thumb {
-    background-color: var(--gitpulse-scrollbar-thumb);
-  }
 }
 
 .issue-detail__timeline {
diff --git a/app/components/dashboard/detail/PRDetail.vue b/app/components/dashboard/detail/PRDetail.vue
index c3bfbdff..7deafbdc 100644
--- a/app/components/dashboard/detail/PRDetail.vue
+++ b/app/components/dashboard/detail/PRDetail.vue
@@ -121,11 +121,7 @@
       </div>
 
       <div class="column detail-sidebar-column" :inert="detailSidebarHidden || undefined">
-        <div
-          class="sidebar-scroll"
-          :class="{ 'sidebar-scroll--active': isSidebarScrolling }"
-          @scroll="onSidebarScroll"
-        >
+        <div class="sidebar-scroll">
           <PRLabels
             :labels="currentPullRequest?.labels || []"
             :can-edit-labels="canEditLabels"
@@ -329,8 +325,6 @@ usePageMeta(
   }
 );
 
-const { isScrolling: isSidebarScrolling, onScroll: onSidebarScroll } = useAutoHideScrollState();
-
 const repoPermissions = ref(createEmptyRepoPermissions());
 
 const repoInfo = computed(() => {
@@ -1119,33 +1113,6 @@ watch(
   overflow-y: auto;
   padding-right: 0.75rem;
   scrollbar-gutter: stable;
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-  transition: scrollbar-color 0.3s ease;
-
-  &:hover,
-  &--active {
-    scrollbar-color: var(--gitpulse-scrollbar-thumb) transparent;
-  }
-
-  &::-webkit-scrollbar {
-    width: 6px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-color: transparent;
-    border-radius: 3px;
-    transition: background-color 0.3s ease;
-  }
-
-  &:hover::-webkit-scrollbar-thumb,
-  &--active::-webkit-scrollbar-thumb {
-    background-color: var(--gitpulse-scrollbar-thumb);
-  }
 }
 
 .pr-detail-layout {
diff --git a/app/components/dashboard/detail/ReleaseDetail.vue b/app/components/dashboard/detail/ReleaseDetail.vue
index 005ea2fb..83ab27f0 100644
--- a/app/components/dashboard/detail/ReleaseDetail.vue
+++ b/app/components/dashboard/detail/ReleaseDetail.vue
@@ -22,7 +22,6 @@ const props = defineProps<{
 }>();
 
 const { locale, t } = useI18n();
-const { isScrolling: isSidebarScrolling, onScroll: onSidebarScroll } = useAutoHideScrollState();
 const { openRepository } = useDashboardRepositoryNavigation();
 const relativeTimeNow = useRelativeTimeNow();
 
@@ -166,11 +165,7 @@ usePageMeta(
                 {{ t('releaseDetail.assetCount', { count: assets.length }) }}
               </span>
             </div>
-            <div
-              class="sidebar-card__content sidebar-card__content--scrollable sidebar-scroll"
-              :class="{ 'sidebar-scroll--active': isSidebarScrolling }"
-              @scroll="onSidebarScroll"
-            >
+            <div class="sidebar-card__content sidebar-card__content--scrollable sidebar-scroll">
               <ReleaseAssetsList :assets="assets" />
             </div>
           </section>
@@ -422,33 +417,6 @@ usePageMeta(
   min-height: 0;
   overflow-y: auto;
   scrollbar-gutter: stable;
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-  transition: scrollbar-color 0.3s ease;
-
-  &:hover,
-  &.sidebar-scroll--active {
-    scrollbar-color: var(--gitpulse-scrollbar-thumb) transparent;
-  }
-
-  &::-webkit-scrollbar {
-    width: 6px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-color: transparent;
-    border-radius: 3px;
-    transition: background-color 0.3s ease;
-  }
-
-  &:hover::-webkit-scrollbar-thumb,
-  &.sidebar-scroll--active::-webkit-scrollbar-thumb {
-    background-color: var(--gitpulse-scrollbar-thumb);
-  }
 }
 
 .release-sidebar__title {
diff --git a/app/components/dashboard/detail/RepoDetail.vue b/app/components/dashboard/detail/RepoDetail.vue
index e7a22d71..dff09cbd 100644
--- a/app/components/dashboard/detail/RepoDetail.vue
+++ b/app/components/dashboard/detail/RepoDetail.vue
@@ -1629,29 +1629,6 @@ html.dark .repo-detail-section__chrome {
   /* Keep the last Links card fully inside the scrollport (border + shadow). */
   padding: 0 0.75rem 0.75rem 0;
   scrollbar-gutter: stable;
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-
-  &:hover {
-    scrollbar-color: var(--gitpulse-scrollbar-thumb) transparent;
-  }
-
-  &::-webkit-scrollbar {
-    width: 6px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-color: transparent;
-    border-radius: 3px;
-  }
-
-  &:hover::-webkit-scrollbar-thumb {
-    background-color: var(--gitpulse-scrollbar-thumb);
-  }
 }
 
 .sidebar-card {
diff --git a/app/components/dashboard/widgets/WidgetsPanel.vue b/app/components/dashboard/widgets/WidgetsPanel.vue
index 37d704f1..094ddb30 100644
--- a/app/components/dashboard/widgets/WidgetsPanel.vue
+++ b/app/components/dashboard/widgets/WidgetsPanel.vue
@@ -1,15 +1,10 @@
-<script setup lang="ts">
-import 'simplebar-vue/dist/simplebar.min.css';
-import SimpleBar from 'simplebar-vue';
-</script>
-
 <template>
   <div class="widgets-panel">
-    <SimpleBar class="widgets-panel__scroll">
+    <div class="widgets-panel__scroll">
       <div class="widgets-panel__content">
         <slot></slot>
       </div>
-    </SimpleBar>
+    </div>
   </div>
 </template>
 <style scoped lang="scss">
@@ -26,6 +21,7 @@ import SimpleBar from 'simplebar-vue';
     height: 100%;
     min-height: 0;
     padding-right: 1.25rem;
+    overflow-y: auto;
   }
 
   &__content {
diff --git a/app/composables/useAutoHideScrollState.ts b/app/composables/useAutoHideScrollState.ts
deleted file mode 100644
index 54069b33..00000000
--- a/app/composables/useAutoHideScrollState.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { onBeforeUnmount, shallowRef } from 'vue';
-
-export default function useAutoHideScrollState(timeoutMs = 1000) {
-  const isScrolling = shallowRef(false);
-  let scrollTimeout: ReturnType<typeof setTimeout> | null = null;
-
-  const clearScrollTimeout = () => {
-    if (scrollTimeout) {
-      clearTimeout(scrollTimeout);
-      scrollTimeout = null;
-    }
-  };
-
-  const onScroll = () => {
-    isScrolling.value = true;
-    clearScrollTimeout();
-    scrollTimeout = setTimeout(() => {
-      isScrolling.value = false;
-      scrollTimeout = null;
-    }, timeoutMs);
-  };
-
-  onBeforeUnmount(clearScrollTimeout);
-
-  return {
-    isScrolling,
-    onScroll,
-  };
-}
diff --git a/app/pages/dashboard.vue b/app/pages/dashboard.vue
index 81d06062..c356cdda 100644
--- a/app/pages/dashboard.vue
+++ b/app/pages/dashboard.vue
@@ -101,7 +101,7 @@
 
           <div class="card-content dashboard-list-card-content">
             <div v-if="dashboardListLoading || !dashboardListError" class="dashboard-list-shell">
-              <SimpleBar class="dashboard-list-scroll">
+              <div class="dashboard-list-scroll">
                 <DashboardLoadingList v-if="dashboardListLoading" :current-tab="currentTab" />
 
                 <NotificationSubjectEnrichmentNotice
@@ -234,7 +234,7 @@
                     <AsyncRepoItem :repo="repo" />
                   </div>
                 </template>
-              </SimpleBar>
+              </div>
             </div>
 
             <div v-else class="dashboard-error-state">
@@ -402,9 +402,6 @@ import {
   ListTodoIcon,
   SearchIcon,
 } from '@lucide/vue';
-
-import 'simplebar-vue/dist/simplebar.min.css';
-import SimpleBar from 'simplebar-vue';
 import { computed, defineAsyncComponent, shallowRef, useTemplateRef, watch } from 'vue';
 
 import ActivityBar from '~/components/dashboard/activity-bar/ActivityBar.vue';
@@ -1662,11 +1659,11 @@ watch(
 .dashboard-list-scroll {
   min-height: 0;
   height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 
-.dashboard-main-card:has(.dashboard-pagination-footer)
-  .dashboard-list-scroll
-  :deep(.simplebar-content > .mb-4:last-child) {
+.dashboard-main-card:has(.dashboard-pagination-footer) .dashboard-list-scroll > .mb-4:last-child {
   margin-bottom: 0;
 }
 
diff --git a/app/plugins/page-scrollbar.client.ts b/app/plugins/page-scrollbar.client.ts
new file mode 100644
index 00000000..99404d85
--- /dev/null
+++ b/app/plugins/page-scrollbar.client.ts
@@ -0,0 +1,31 @@
+const ACTIVE_CLASS = 'gp-scrollbar-active';
+const HIDE_AFTER_MS = 1000;
+const INSTALLED = '__gitpulsePageScrollbar';
+
+export default defineNuxtPlugin(() => {
+  if (Reflect.get(window, INSTALLED)) return;
+  Reflect.set(window, INSTALLED, true);
+
+  const timers = new WeakMap<HTMLElement, number>();
+
+  document.addEventListener(
+    'scroll',
+    (event) => {
+      const target = event.target;
+      if (!(target instanceof HTMLElement)) return;
+      if (target === document.body || target === document.documentElement) return;
+
+      target.classList.add(ACTIVE_CLASS);
+      const pending = timers.get(target);
+      if (pending !== undefined) window.clearTimeout(pending);
+      timers.set(
+        target,
+        window.setTimeout(() => {
+          target.classList.remove(ACTIVE_CLASS);
+          timers.delete(target);
+        }, HIDE_AFTER_MS)
+      );
+    },
+    { capture: true, passive: true }
+  );
+});
diff --git a/bun.lock b/bun.lock
index d4a6f558..9201fdcf 100644
--- a/bun.lock
+++ b/bun.lock
@@ -24,7 +24,6 @@
         "nuxt-site-config": "^4.2.3",
         "redis": "^6.2.1",
         "shiki": "^4.4.3",
-        "simplebar-vue": "^2.4.2",
         "vue": "3.5.40",
         "vue-draggable-plus": "^0.6.1",
         "vue-router": "^5.3.1",
@@ -1949,10 +1948,6 @@
 
     "simple-git": ["simple-git@3.36.0", "", { "dependencies": { "@kwsites/file-exists": "^1.1.1", "@kwsites/promise-deferred": "^1.1.1", "@simple-git/args-pathspec": "^1.0.3", "@simple-git/argv-parser": "^1.1.0", "debug": "^4.4.0" } }, "sha512-cGQjLjK8bxJw4QuYT7gxHw3/IouVESbhahSsHrX97MzCL1gu2u7oy38W6L2ZIGECEfIBG4BabsWDPjBxJENv9Q=="],
 
-    "simplebar-core": ["simplebar-core@1.3.2", "", { "dependencies": { "lodash": "^4.17.21", "lodash-es": "^4.17.21" } }, "sha512-qKgTTuTqapjsFGkNhCjyPhysnbZGpQqNmjk0nOYjFN5ordC/Wjvg+RbYCyMSnW60l/Z0ZS82GbNltly6PMUH1w=="],
-
-    "simplebar-vue": ["simplebar-vue@2.4.2", "", { "dependencies": { "simplebar-core": "^1.3.2", "vue-demi": "^0.13.11" }, "peerDependencies": { "vue": ">=2.5.17" } }, "sha512-QQKzQ6wQdld5Nwop4Bfd7hitzmWqwfhRaJbtgan/xu7V6WcvspXrAH9fapJNH2Lqny34P43m4rRREp97NcdiiQ=="],
-
     "sirv": ["sirv@3.0.2", "", { "dependencies": { "@polka/url": "^1.0.0-next.24", "mrmime": "^2.0.0", "totalist": "^3.0.0" } }, "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g=="],
 
     "sisteransi": ["sisteransi@1.0.5", "", {}, "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg=="],
@@ -2155,8 +2150,6 @@
 
     "vue-component-type-helpers": ["vue-component-type-helpers@3.3.11", "", {}, "sha512-LwcxzeliO9fkQcpJG0PoX8X5kmAhKmH9wkpDLxNabwzkQ9Zeib2YVHwFV4pcWmMLfXVfjr/dSV+DaJ3cIPgSNA=="],
 
-    "vue-demi": ["vue-demi@0.13.11", "", { "peerDependencies": { "@vue/composition-api": "^1.0.0-rc.1", "vue": "^3.0.0-0 || ^2.6.0" }, "optionalPeers": ["@vue/composition-api"], "bin": { "vue-demi-fix": "bin/vue-demi-fix.js", "vue-demi-switch": "bin/vue-demi-switch.js" } }, "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A=="],
-
     "vue-devtools-stub": ["vue-devtools-stub@0.1.0", "", {}, "sha512-RutnB7X8c5hjq39NceArgXg28WZtZpGc3+J16ljMiYnFhKvd8hITxSWQSQ5bvldxMDU6gG5mkxl1MTQLXckVSQ=="],
 
     "vue-draggable-plus": ["vue-draggable-plus@0.6.1", "", { "dependencies": { "@types/sortablejs": "^1.15.8" }, "peerDependencies": { "@vue/composition-api": "*" }, "optionalPeers": ["@vue/composition-api"] }, "sha512-FbtQ/fuoixiOfTZzG3yoPl4JAo9HJXRHmBQZFB9x2NYCh6pq0TomHf7g5MUmpaDYv+LU2n6BPq2YN9sBO+FbIg=="],
@@ -2363,8 +2356,6 @@
 
     "rollup-plugin-visualizer/source-map": ["source-map@0.8.0", "", {}, "sha512-d8EqvL+k/SOXCreS/SUzg2ciyHqBBLcN/yuRjFsbvVhHTE2pgei7oAhmPM7kWFbkX6OSMQfUq4KbkF3au9lhYQ=="],
 
-    "simplebar-core/lodash-es": ["lodash-es@4.18.1", "", {}, "sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A=="],
-
     "source-map-support/source-map": ["source-map@0.6.1", "", {}, "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="],
 
     "string-width-cjs/emoji-regex": ["emoji-regex@8.0.0", "", {}, "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="],
diff --git a/package.json b/package.json
index 6cb10472..65ee1c45 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,6 @@
     "nuxt-site-config": "^4.2.3",
     "redis": "^6.2.1",
     "shiki": "^4.4.3",
-    "simplebar-vue": "^2.4.2",
     "vue": "3.5.40",
     "vue-draggable-plus": "^0.6.1",
     "vue-router": "^5.3.1",