diff --git a/src/components/NotesCaption.vue b/src/components/NotesCaption.vue
index c87bfdeab..bd5e95301 100644
--- a/src/components/NotesCaption.vue
+++ b/src/components/NotesCaption.vue
@@ -24,8 +24,9 @@ export default {
 	.title {
 		color: var(--color-primary-light-text);
 		font-weight: bold;
-		font-size: 1.2em;
 		padding-left: 10px;
+		padding-top: 5px;
+		padding-bottom: 5px;
 		text-overflow: ellipsis;
 		white-space: nowrap;
 		overflow: hidden;
diff --git a/src/components/NotesView.vue b/src/components/NotesView.vue
index 7db51efe9..5ea688743 100644
--- a/src/components/NotesView.vue
+++ b/src/components/NotesView.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="notes-view" :class="{ collapsed: collapsed }">
 		<div class="header">
-			<Actions :class="{ flipped: collapsed }">
+			<Actions :class="{ flipped: collapsed }" id="shrinkButton">
 				<ActionButton @click="collapsed=!collapsed">
 					<ArrowLeftThickIcon slot="icon" :size="24" fill-color="var(--color-main-text)" />
 					{{ t('notes', 'Note is read-only. You cannot change it.') }}
@@ -229,4 +229,10 @@ export default {
 		vertical-align: top;
 		margin-right: 5px;
 	}
+
+	@media (min-width: 900px) {
+	#shrinkButton {
+		display: none;
+	}
+}
 </style>