diff --git a/src/client/app/mobile/views/components/note-detail.vue b/src/client/app/mobile/views/components/note-detail.vue
index 46bca949c..d9269cf7c 100644
--- a/src/client/app/mobile/views/components/note-detail.vue
+++ b/src/client/app/mobile/views/components/note-detail.vue
@@ -1,5 +1,5 @@
 <template>
-<div class="mk-note-detail" tabindex="-1" :class="{ shadow: $store.state.device.useShadow }">
+<div class="mk-note-detail" tabindex="-1" :class="{ shadow: $store.state.device.useShadow, round: $store.state.device.roundedCorners }">
 	<button
 		class="more"
 		v-if="appearNote.reply && appearNote.reply.replyId && conversation.length == 0"
@@ -164,7 +164,9 @@ export default Vue.extend({
 	width 100%
 	text-align left
 	background var(--face)
-	border-radius 8px
+
+	&.round
+		border-radius 8px
 
 	&.shadow
 		box-shadow 0 4px 16px rgba(#000, 0.1)
diff --git a/src/client/app/mobile/views/components/notes.vue b/src/client/app/mobile/views/components/notes.vue
index 0a35465ed..7aeebde64 100644
--- a/src/client/app/mobile/views/components/notes.vue
+++ b/src/client/app/mobile/views/components/notes.vue
@@ -1,5 +1,5 @@
 <template>
-<div class="ivaojijs" :class="{ shadow: $store.state.device.useShadow }">
+<div class="ivaojijs" :class="{ shadow: $store.state.device.useShadow, round: $store.state.device.roundedCorners }">
 	<div class="empty" v-if="notes.length == 0 && !fetching && inited">{{ $t('@.no-notes') }}</div>
 
 	<mk-error v-if="!fetching && !inited" @retry="init()"/>
@@ -191,7 +191,9 @@ export default Vue.extend({
 .ivaojijs
 	overflow hidden
 	background var(--face)
-	border-radius 8px
+
+	&.round
+		border-radius 8px
 
 	&.shadow
 		box-shadow 0 4px 16px rgba(#000, 0.1)