diff --git a/packages/frontend/src/ui/classic.sidebar.vue b/packages/frontend/src/ui/classic.sidebar.vue
index 46403ae3d1..6e275c5349 100644
--- a/packages/frontend/src/ui/classic.sidebar.vue
+++ b/packages/frontend/src/ui/classic.sidebar.vue
@@ -109,7 +109,8 @@ watch(defaultStore.reactiveState.menuDisplay, () => {
 	$nav-icon-only-width: 78px; // TODO: どこかに集約したい
 	$avatar-size: 32px;
 	$avatar-margin: 8px;
-
+	position: sticky;
+	top: 16px;
 	padding: 0 16px;
 	box-sizing: border-box;
 	width: 260px;
diff --git a/packages/frontend/src/ui/classic.vue b/packages/frontend/src/ui/classic.vue
index c4239fc9db..747461ff3e 100644
--- a/packages/frontend/src/ui/classic.vue
+++ b/packages/frontend/src/ui/classic.vue
@@ -253,9 +253,14 @@ onMounted(() => {
 		}
 
 		> .widgets {
-			//--panelBorder: none;
+			position: sticky;
+			top: 0;
 			width: 300px;
-			padding-bottom: calc(var(--margin) + env(safe-area-inset-bottom, 0px));
+			height: 100%;
+			padding-top: 16px;
+			box-sizing: border-box;
+			overflow: auto;
+			background: var(--bg);
 
 			@media (max-width: $widgets-hide-threshold) {
 				display: none;