diff --git a/src/components/Dashboard.vue b/src/components/Dashboard.vue
index 26832a862..6744652c8 100644
--- a/src/components/Dashboard.vue
+++ b/src/components/Dashboard.vue
@@ -106,9 +106,9 @@ export default {
 }
 
 .note-item {
-	width: 44px;
-	height: 44px;
-	line-height: 44px;
+	width: var(--default-clickable-area);
+	height: var(--default-clickable-area);
+	line-height: var(--default-clickable-area);
 	flex-shrink: 0;
 	background-size: 50%;
 	background-repeat: no-repeat;
diff --git a/src/components/NotePlain.vue b/src/components/NotePlain.vue
index 1a593832c..900faaf7e 100644
--- a/src/components/NotePlain.vue
+++ b/src/components/NotePlain.vue
@@ -468,7 +468,7 @@ export default {
 	position: fixed;
 	top: 50px;
 	inset-inline-end: 20px;
-	width: 44px;
+	width: var(--default-clickable-area);
 	margin-top: 1em;
 	z-index: 2000;
 }
diff --git a/src/components/NoteRich.vue b/src/components/NoteRich.vue
index 756a136d1..9311e68a4 100644
--- a/src/components/NoteRich.vue
+++ b/src/components/NoteRich.vue
@@ -196,7 +196,7 @@ export default {
 
 .is-mobile:deep(.text-menubar) {
 	// Avoid overlapping the navigation toggle
-	margin-inline-start: 44px;
+	margin-inline-start: var(--default-clickable-area);
 	z-index: 1;
 }
 </style>
diff --git a/src/components/NotesCaption.vue b/src/components/NotesCaption.vue
index e59d93bc2..5b915daf6 100644
--- a/src/components/NotesCaption.vue
+++ b/src/components/NotesCaption.vue
@@ -25,7 +25,7 @@ export default {
 		font-weight: bold;
 		color: var(--color-primary-element);
 		font-size: var(--default-font-size);
-		line-height: 44px;
+		line-height: var(--default-clickable-area);
 		white-space: nowrap;
 		overflow: hidden;
 		text-overflow: ellipsis;