diff --git a/src/client/app/desktop/views/components/notifications.vue b/src/client/app/desktop/views/components/notifications.vue
index 09dbb899b..a8a7d2be5 100644
--- a/src/client/app/desktop/views/components/notifications.vue
+++ b/src/client/app/desktop/views/components/notifications.vue
@@ -255,7 +255,7 @@ export default Vue.extend({
 					p
 						margin 0
 
-						i, .mk-reaction-icon
+						[data-icon], .mk-reaction-icon
 							margin-right 4px
 
 				.note-preview
@@ -272,19 +272,19 @@ export default Vue.extend({
 						margin-right 3px
 
 				&.renote, &.quote
-					.text p i
+					.text p [data-icon]
 						color #77B255
 
 				&.follow
-					.text p i
+					.text p [data-icon]
 						color #53c7ce
 
 				&.receiveFollowRequest
-					.text p i
+					.text p [data-icon]
 						color #888
 
 				&.reply, &.mention
-					.text p i
+					.text p [data-icon]
 						color #555
 
 			> .date
diff --git a/src/client/app/mobile/views/components/notification-preview.vue b/src/client/app/mobile/views/components/notification-preview.vue
index b5f523604..45a2d3b06 100644
--- a/src/client/app/mobile/views/components/notification-preview.vue
+++ b/src/client/app/mobile/views/components/notification-preview.vue
@@ -105,7 +105,7 @@ export default Vue.extend({
 		p
 			margin 0
 
-			i, mk-reaction-icon
+			[data-icon], mk-reaction-icon
 				margin-right 4px
 
 	.note-ref
@@ -118,19 +118,19 @@ export default Vue.extend({
 			margin-right 3px
 
 	&.renote, &.quote
-		.text p i
+		.text p [data-icon]
 			color #77B255
 
 	&.follow
-		.text p i
+		.text p [data-icon]
 			color #53c7ce
 
 	&.receiveFollowRequest
-		.text p i
+		.text p [data-icon]
 			color #888
 
 	&.reply, &.mention
-		.text p i
+		.text p [data-icon]
 			color #fff
 
 </style>
diff --git a/src/client/app/mobile/views/components/notification.vue b/src/client/app/mobile/views/components/notification.vue
index abc013f60..c99b291ff 100644
--- a/src/client/app/mobile/views/components/notification.vue
+++ b/src/client/app/mobile/views/components/notification.vue
@@ -149,7 +149,7 @@ export default Vue.extend({
 				align-items baseline
 				white-space nowrap
 
-				i, .mk-reaction-icon
+				[data-icon], .mk-reaction-icon
 					margin-right 4px
 
 				> .mk-time
@@ -171,15 +171,15 @@ export default Vue.extend({
 					margin-right 3px
 
 		&.renote
-			> div > header i
+			> div > header [data-icon]
 				color #77B255
 
 		&.follow
-			> div > header i
+			> div > header [data-icon]
 				color #53c7ce
 
 		&.receiveFollowRequest
-			> div > header i
+			> div > header [data-icon]
 				color #888
 
 </style>