diff --git a/src/app/settings/SettingsMenu.vue b/src/app/settings/SettingsMenu.vue
index ccdcb1912..354b0cc3b 100644
--- a/src/app/settings/SettingsMenu.vue
+++ b/src/app/settings/SettingsMenu.vue
@@ -28,7 +28,7 @@
 							<input v-model="filter" placeholder="Search..." class="seventv-settings-search-input" />
 						</div>
 
-						<UiScrollable>
+						<UiScrollable ref="sidebarScroller" @container-scroll="updateSidebarExpansionIndicator">
 							<div class="seventv-settings-sidebar-categories">
 								<SettingsUpdateButton v-if="!updater.isUpToDate" />
 								<CategoryDropdown
@@ -62,6 +62,15 @@
 									:sub-categories="[]"
 									@open-category="() => ctx.switchView('backup')"
 								/>
+								<div class="seventv-settings-expansion-indicator" :hidden="!shouldShowSidebarExpansion">
+									<div class="color-overlay">
+										<div class="shade-1"></div>
+										<div class="transparent-2"></div>
+									</div>
+									<button class="expansion-button" @click="scrollSidebarToNextPage()">
+										<DropdownIcon class="expansion-icon" />
+									</button>
+								</div>
 							</div>
 						</UiScrollable>
 
@@ -99,12 +108,13 @@
 </template>
 
 <script setup lang="ts">
-import { inject, nextTick, ref, watch } from "vue";
+import { inject, nextTick, onMounted, ref, watch } from "vue";
 import { useBreakpoints, useMagicKeys } from "@vueuse/core";
 import { SITE_CURRENT_PLATFORM } from "@/common/Constant";
 import { useActor } from "@/composable/useActor";
 import { useSettings } from "@/composable/useSettings";
 import useUpdater from "@/composable/useUpdater";
+import DropdownIcon from "@/assets/svg/icons/DropdownIcon.vue";
 import LogoutIcon from "@/assets/svg/icons/LogoutIcon.vue";
 import Logo7TV from "@/assets/svg/logos/Logo7TV.vue";
 import TwClose from "@/assets/svg/twitch/TwClose.vue";
@@ -207,6 +217,30 @@ function openAuthWindow(): void {
 	actor.openAuthorizeWindow(platform);
 }
 
+const sidebarScroller = ref<InstanceType<typeof UiScrollable>>();
+const shouldShowSidebarExpansion = ref(true);
+
+function updateSidebarExpansionIndicator() {
+	const container = sidebarScroller.value?.container;
+	if (!container) return;
+
+	shouldShowSidebarExpansion.value = container.scrollTop < 3 && container.scrollHeight > container.clientHeight;
+}
+
+onMounted(() => updateSidebarExpansionIndicator());
+
+function scrollSidebarToNextPage() {
+	const container = sidebarScroller.value?.container;
+	if (!container) return;
+
+	const current = container.scrollTop;
+	const visible = container.clientHeight;
+	const height = container.scrollHeight;
+	const bottomExtreme = visible - height;
+
+	container.scrollTop = Math.max(0, Math.max(bottomExtreme, current + visible));
+}
+
 const keys = useMagicKeys();
 const paintToolShortcut = keys["Alt+Shift+P"];
 const storeShortcut = keys["Alt+Shift+S"];
@@ -419,4 +453,67 @@ watch(
 		height: calc(60vh);
 	}
 }
+
+.seventv-settings-expansion-indicator {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	position: absolute;
+	bottom: 0;
+	width: 100%;
+	padding: 1rem;
+	pointer-events: none;
+	opacity: 1;
+	transition: opacity linear 200ms;
+
+	.color-overlay {
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		mask-image: linear-gradient(to top, rgba(0, 0, 0, 100%), rgba(0, 0, 0, 0%));
+		/* stylelint-disable-next-line property-no-vendor-prefix */
+		-webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 100%), rgba(0, 0, 0, 0%));
+
+		> * {
+			position: absolute;
+			width: 100%;
+			height: 100%;
+		}
+
+		.shade-1 {
+			background: var(--seventv-background-shade-1);
+		}
+
+		.transparent-2 {
+			background: var(--seventv-background-transparent-2);
+		}
+	}
+
+	.expansion-button {
+		outline: none;
+		display: block;
+		border-radius: 0.4rem;
+		background: transparent;
+		pointer-events: auto;
+		margin-top: 3rem;
+		padding: 0.6rem;
+
+		&:hover {
+			background: var(--seventv-highlight-neutral-1);
+		}
+	}
+
+	&[hidden] {
+		opacity: 0;
+
+		.expansion-button {
+			pointer-events: none;
+		}
+	}
+
+	.expansion-icon {
+		font-size: 1.75rem;
+		transform: rotate(180deg);
+	}
+}
 </style>
diff --git a/src/assets/svg/icons/DropdownIcon.vue b/src/assets/svg/icons/DropdownIcon.vue
index a36798566..d168e8ea6 100644
--- a/src/assets/svg/icons/DropdownIcon.vue
+++ b/src/assets/svg/icons/DropdownIcon.vue
@@ -1,5 +1,5 @@
 <template>
-	<svg width="9" height="6" viewBox="0 0 9 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+	<svg width="1em" height="0.6666em" viewBox="0 0 9 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 		<path
 			d="M0.221974 4.46565L3.93498 0.251908C4.0157 0.160305 4.10314 0.0955723 4.19731 0.0577097C4.29148 0.0192364 4.39238 5.49454e-08 4.5 5.3662e-08C4.60762 5.23786e-08 4.70852 0.0192364 4.80269 0.0577097C4.89686 0.0955723 4.9843 0.160305 5.06502 0.251908L8.77803 4.46565C8.92601 4.63359 9 4.84733 9 5.10687C9 5.36641 8.92601 5.58015 8.77803 5.74809C8.63005 5.91603 8.4417 6 8.213 6C7.98431 6 7.79596 5.91603 7.64798 5.74809L4.5 2.17557L1.35202 5.74809C1.20404 5.91603 1.0157 6 0.786996 6C0.558296 6 0.369956 5.91603 0.221974 5.74809C0.0739918 5.58015 6.39938e-08 5.36641 6.08988e-08 5.10687C5.78038e-08 4.84733 0.0739918 4.63359 0.221974 4.46565Z"
 		/>