diff --git a/src/client/app/desktop/views/components/notes.vue b/src/client/app/desktop/views/components/notes.vue
index 31b3a3ab1..84b13ed84 100644
--- a/src/client/app/desktop/views/components/notes.vue
+++ b/src/client/app/desktop/views/components/notes.vue
@@ -264,9 +264,9 @@ export default Vue.extend({
 			border-bottom-right-radius 6px
 
 			&:hover
-				background var(--footerButtonHover)
+				box-shadow 0 0 0 100px inset rgba(0, 0, 0, 0.05)
 
 			&:active
-				background var(--footerButtonActive)
+				box-shadow 0 0 0 100px inset rgba(0, 0, 0, 0.1)
 
 </style>
diff --git a/src/client/theme/dark.json b/src/client/theme/dark.json
index a3877093f..c9e983513 100644
--- a/src/client/theme/dark.json
+++ b/src/client/theme/dark.json
@@ -27,8 +27,6 @@
 	"modalBackdrop": "rgba(0, 0, 0, 0.5)",
 	"dateDividerBg": "#242731",
 	"dateDividerFg": "#666b79",
-	"footerButtonHover": "#2e3440",
-	"footerButtonActive": "#21242b",
 	"switchTrack": "rgba(255, 255, 255, 0.15)",
 	"noteHeaderName": "#fff",
 	"noteHeaderBadgeFg": "#758188",
diff --git a/src/client/theme/light.json b/src/client/theme/light.json
index 7dcf2d3f4..6aef10d9a 100644
--- a/src/client/theme/light.json
+++ b/src/client/theme/light.json
@@ -27,8 +27,6 @@
 	"modalBackdrop": "rgba(0, 0, 0, 0.1)",
 	"dateDividerBg": "#fdfdfd",
 	"dateDividerFg": "#aaa",
-	"footerButtonHover": "#f5f5f5",
-	"footerButtonActive": "#eee",
 	"switchTrack": "rgba(0, 0, 0, 0.25)",
 	"noteHeaderName": "#627079",
 	"noteHeaderBadgeFg": "#aaa",