diff --git a/packages/client/src/directives/tooltip.ts b/packages/client/src/directives/tooltip.ts
index 588bbca3a..e1b85291b 100644
--- a/packages/client/src/directives/tooltip.ts
+++ b/packages/client/src/directives/tooltip.ts
@@ -49,6 +49,7 @@ export default {
 				showing,
 				text: self.text,
 				asMfm: binding.modifiers.mfm,
+				direction: binding.modifiers.left ? 'left' : binding.modifiers.right ? 'right' : binding.modifiers.top ? 'top' : binding.modifiers.bottom ? 'bottom' : 'top',
 				targetElement: el,
 			}, {}, 'closed');
 
diff --git a/packages/client/src/ui/deck.vue b/packages/client/src/ui/deck.vue
index 7cdc96cce..19a99a95a 100644
--- a/packages/client/src/ui/deck.vue
+++ b/packages/client/src/ui/deck.vue
@@ -33,7 +33,8 @@
 				<div>{{ i18n.ts._deck.introduction2 }}</div>
 			</div>
 			<div class="sideMenu">
-				<button v-tooltip="i18n.ts._deck.addColumn" class="_button button" @click="addColumn"><i class="fas fa-plus"></i></button>
+				<button v-tooltip.left="i18n.ts._deck.addColumn" class="_button button" @click="addColumn"><i class="fas fa-plus"></i></button>
+				<button v-tooltip.left="i18n.ts.settings" class="_button button settings" @click="showSettings"><i class="fas fa-cog"></i></button>
 			</div>
 		</div>
 	</div>
@@ -110,6 +111,10 @@ const menuIndicated = computed(() => {
 	return false;
 });
 
+function showSettings() {
+	os.pageWindow('/settings/deck');
+}
+
 let columnsEl = $ref<HTMLElement>();
 
 const addColumn = async (ev) => {