diff --git a/src/client/app/desktop/views/components/notes.note.sub.vue b/src/client/app/desktop/views/components/notes.note.sub.vue
index c3136b64f..3e1b75c29 100644
--- a/src/client/app/desktop/views/components/notes.note.sub.vue
+++ b/src/client/app/desktop/views/components/notes.note.sub.vue
@@ -35,8 +35,9 @@ export default Vue.extend({
<style lang="stylus" scoped>
root(isDark)
margin 0
- padding 16px
+ padding 16px 32px
font-size 0.9em
+ background isDark ? #21242d : #fcfcfc
&:after
content ""
diff --git a/src/client/app/desktop/views/components/notes.note.vue b/src/client/app/desktop/views/components/notes.note.vue
index 9e7a7a6d2..217587ec6 100644
--- a/src/client/app/desktop/views/components/notes.note.vue
+++ b/src/client/app/desktop/views/components/notes.note.vue
@@ -371,13 +371,6 @@ root(isDark)
& + article
padding-top 8px
- > .reply-to
- padding 0 16px
- background rgba(0, 0, 0, 0.0125)
-
- > .mk-note-preview
- background transparent
-
> article
padding 28px 32px 18px 32px
diff --git a/src/client/app/mobile/views/components/note-preview.vue b/src/client/app/mobile/views/components/note-preview.vue
index b9a6db315..1de739d5d 100644
--- a/src/client/app/mobile/views/components/note-preview.vue
+++ b/src/client/app/mobile/views/components/note-preview.vue
@@ -31,7 +31,6 @@ export default Vue.extend({
margin 0
padding 0
font-size 0.9em
- background #fff
&:after
content ""
diff --git a/src/client/app/mobile/views/components/note.sub.vue b/src/client/app/mobile/views/components/note.sub.vue
index 38659143a..8e3835ac2 100644
--- a/src/client/app/mobile/views/components/note.sub.vue
+++ b/src/client/app/mobile/views/components/note.sub.vue
@@ -28,8 +28,9 @@ export default Vue.extend({
<style lang="stylus" scoped>
root(isDark)
- font-size 0.9em
padding 16px
+ font-size 0.9em
+ background isDark ? #21242d : #fcfcfc
@media (min-width 600px)
padding 24px 32px
diff --git a/src/client/app/mobile/views/components/note.vue b/src/client/app/mobile/views/components/note.vue
index e7a43f798..3eca49a43 100644
--- a/src/client/app/mobile/views/components/note.vue
+++ b/src/client/app/mobile/views/components/note.vue
@@ -240,12 +240,6 @@ root(isDark)
font-size 12px
border-bottom solid 1px isDark ? #1c2023 : #eaeaea
- &:first-child
- border-radius 8px 8px 0 0
-
- > .renote
- border-radius 8px 8px 0 0
-
&:last-of-type
border-bottom none
@@ -304,12 +298,6 @@ root(isDark)
& + article
padding-top 8px
- > .reply-to
- background rgba(0, 0, 0, 0.0125)
-
- > .mk-note-preview
- background transparent
-
> article
padding 16px 16px 9px
diff --git a/src/client/app/mobile/views/components/notes.vue b/src/client/app/mobile/views/components/notes.vue
index 58069b06e..d2b530e2e 100644
--- a/src/client/app/mobile/views/components/notes.vue
+++ b/src/client/app/mobile/views/components/notes.vue
@@ -200,6 +200,7 @@ export default Vue.extend({
@import '~const.styl'
root(isDark)
+ overflow hidden
background isDark ? #282C37 : #fff
border-radius 8px
box-shadow 0 0 2px rgba(#000, 0.1)