diff --git a/src/client/components/note.vue b/src/client/components/note.vue
index 071acf7c9..22d2906d9 100644
--- a/src/client/components/note.vue
+++ b/src/client/components/note.vue
@@ -1,6 +1,6 @@
 <template>
 <div
-	class="note _panel"
+	class="note _panelElevated"
 	v-if="!muted"
 	v-show="!isDeleted"
 	:tabindex="!isDeleted ? '-1' : null"
diff --git a/src/client/style.scss b/src/client/style.scss
index 2e7db10be..08344eddf 100644
--- a/src/client/style.scss
+++ b/src/client/style.scss
@@ -236,15 +236,21 @@ hr {
 }
 
 ._panel {
-	//position: relative;
-	//z-index: 1;
 	background: var(--panel);
 	border-radius: var(--radius);
 	//border: var(--panelBorder);
-	//box-shadow: var(--panelShadow);
 	overflow: hidden;
 }
 
+// TODO: 普通のpanelとの使い分けが特に決まっていないので廃止してもいいかも？
+._panelElevated {
+	@extend ._panel;
+
+	//position: relative;
+	//z-index: 1;
+	box-shadow: var(--panelShadow);
+}
+
 ._card {
 	@extend ._panel;
 
diff --git a/src/client/ui/visitor/kanban.vue b/src/client/ui/visitor/kanban.vue
index 263b7ca03..11b869e2b 100644
--- a/src/client/ui/visitor/kanban.vue
+++ b/src/client/ui/visitor/kanban.vue
@@ -1,7 +1,7 @@
 <template>
 <div class="rwqkcmrc" :style="{ backgroundImage: `url(${ $store.state.instance.meta.backgroundImageUrl })` }">
 	<div class="back"></div>
-	<div class="fade"></div>
+	<div class="fade" v-if="full"></div>
 	<div class="contents">
 		<div class="wrapper">
 			<h1 v-if="meta" :class="{ full }">