diff --git a/src/ncounter/About.svelte b/src/ncounter/About.svelte
index 6cc539b..3818b11 100644
--- a/src/ncounter/About.svelte
+++ b/src/ncounter/About.svelte
@@ -70,7 +70,7 @@ const dispatch = createEventDispatcher();
     border: 2px solid transparent;
 }
 
-@media (hover){
+@media (hover:hover){
     .repo > a:hover {
         box-shadow: none;
         border-color: var(--highlight-color);    
diff --git a/src/ncounter/App.svelte b/src/ncounter/App.svelte
index 985b8b6..6933ca3 100644
--- a/src/ncounter/App.svelte
+++ b/src/ncounter/App.svelte
@@ -107,7 +107,7 @@ function add(){
         color: var(--text-inverse);
     }
 
-    @media(hover){
+    @media(hover:hover){
         .tool-bar > button:hover {
             border: 2px solid var(--highlight-color);
         }
diff --git a/src/ncounter/site.css b/src/ncounter/site.css
index b73fd29..808f47b 100644
--- a/src/ncounter/site.css
+++ b/src/ncounter/site.css
@@ -69,7 +69,7 @@ button {
     font-family: inherit;
 }
 
-@media(hover){
+@media(hover:hover){
     button:hover {
         border: 2px solid var(--buton-color);
     }
@@ -143,7 +143,7 @@ button:focus {
     width: 100%;
 }
 
-@media(hover){
+@media(hover:hover){
     .dialog-content button:hover{
         border: 0;
         outline: 2px solid var(--button-color);