diff --git a/src/App.vue b/src/App.vue
index c3967eaaece5c0ae5a50f329c382128268979cef..5f4b5d32ab4df4c17cd22d96c5d344adaad937a5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -184,5 +184,24 @@ footer > div.sm > div {
   height: 60px;
 }
 
+/*
+Hyperlink style in about page and article content
+*/
+@media (hover: none) {
+  article a:not(.choose):not(.return_to_results a), .about a {
+     text-decoration: underline;
+  } 
+}
+
+@media (hover: hover) {
+  article  a, .about a {
+     text-decoration: none;
+  } 
+  article a:hover:not(.choose):not(.return_to_results a), .about a:hover {
+  text-decoration: underline;
+  }
+
+}
+
 
 </style>
diff --git a/src/components/Article.vue b/src/components/Article.vue
index c951ba4144c8cb394126c1e127c82cb0bfdb7d52..aff82cab2c0442dffb4c741346f8f87dcee4348b 100644
--- a/src/components/Article.vue
+++ b/src/components/Article.vue
@@ -217,22 +217,6 @@ ul li.definition {
 }
 
 
-
-@media (hover: none) {
-  article a:not(.choose):not(.return_to_results a) {
-     text-decoration: underline;
-  } 
-}
-
-@media (hover: hover) {
-  article  a {
-     text-decoration: none;
-  } 
-  article a:hover:not(.choose):not(.return_to_results a) {
-  text-decoration: underline;
-  }
-}
-
 .choose {
   color: var(--v-primary-base) !important;
 }