diff --git a/src/client/components/ui/button.vue b/src/client/components/ui/button.vue
index 4071faa1dd..6cf8eeee40 100644
--- a/src/client/components/ui/button.vue
+++ b/src/client/components/ui/button.vue
@@ -124,6 +124,7 @@ export default Vue.extend({
 	&.primary {
 		color: #fff;
 		background: var(--accent);
+		box-shadow: 0 6px 16px var(--accentShadow);
 
 		&:not(:disabled):hover {
 			background: var(--jkhztclx);
diff --git a/src/client/pages/messaging-room.message.vue b/src/client/pages/messaging-room.message.vue
index 392eb6acb0..18be48b111 100644
--- a/src/client/pages/messaging-room.message.vue
+++ b/src/client/pages/messaging-room.message.vue
@@ -288,6 +288,7 @@ export default Vue.extend({
 
 			> .balloon {
 				background: $me-balloon-color;
+				box-shadow: 0 6px 16px var(--accentShadow);
 				text-align: left;
 
 				&[data-no-text] {
diff --git a/src/client/style.scss b/src/client/style.scss
index 92c7a488f3..c27b002efe 100644
--- a/src/client/style.scss
+++ b/src/client/style.scss
@@ -198,6 +198,7 @@ a {
 	@extend ._button;
 	color: #fff;
 	background: var(--accent);
+	box-shadow: 0 6px 16px var(--accentShadow);
 
 	&:not(:disabled):hover {
 		background: var(--jkhztclx);
diff --git a/src/client/themes/dark.json5 b/src/client/themes/dark.json5
index 3bb56c8ae3..a955561c8d 100644
--- a/src/client/themes/dark.json5
+++ b/src/client/themes/dark.json5
@@ -10,6 +10,7 @@
 		accent: '#86b300',
 		accentDarken: ':darken<10<@accent',
 		accentLighten: ':lighten<10<@accent',
+		accentShadow: ':alpha<0.3<@accent',
 		focus: ':alpha<0.3<@accent',
 		bg: '#000',
 		fg: '#c7d1d8',
diff --git a/src/client/themes/light.json5 b/src/client/themes/light.json5
index 075933f350..201cbe4f62 100644
--- a/src/client/themes/light.json5
+++ b/src/client/themes/light.json5
@@ -10,6 +10,7 @@
 		accent: '#86b300',
 		accentDarken: ':darken<10<@accent',
 		accentLighten: ':lighten<10<@accent',
+		accentShadow: ':alpha<0.4<@accent',
 		focus: ':alpha<0.3<@accent',
 		bg: '#fafafa',
 		fg: '#5c6a73',