diff --git a/static/gui/app-store/css/breadcrumb.css b/static/gui/app-store/css/breadcrumb.css
index 909f392c0..f4a506c7b 100755
--- a/static/gui/app-store/css/breadcrumb.css
+++ b/static/gui/app-store/css/breadcrumb.css
@@ -58,12 +58,16 @@ ul.breadcrumb li a {
   padding-right: 33.33333px;
   width: 50px;
   border: 1px solid grey;
-  font-size:3.8vw;
+  --breadcrumb-link-size: 3.8vw;
+  font-size: 3.8vw;
+  font-size: var(--breadcrumb-link-size, 3.8vw);
   word-spacing:0.4vw;
 }
 @media screen and (min-width: 900px) {
 ul.breadcrumb li a {
+     --breadcrumb-link-size: 2vw;
      font-size: 2vw;
+     font-size: var(--breadcrumb-link-size, 2vw);
   }
 }
 
@@ -94,12 +98,17 @@ ul.breadcrumb li a .text {
   opacity: 0;
 }
 
-ul.breadcrumb li a:hover {
+ul.breadcrumb li a:hover,
+ul.breadcrumb li a:focus,
+ul.breadcrumb li a:active {
   background-color: inherit;
   color: inherit!important;
   padding-left: 52px;
   padding-right: 33.33333px;
   border-color: grey;
+  font-size: 3.8vw;
+  font-size: var(--breadcrumb-link-size, 3.8vw);
+  line-height: 50px;
 }
 ul.breadcrumb li a:hover .text {
   display: none;
@@ -116,7 +125,9 @@ ul.breadcrumb li:last-child:hover a {
   min-width: inherit;
   max-width: inherit;
   margin: 0;
-  padding-left: 52px;
-  padding-right: 33.33333px;
   color: inherit;
+  padding: 0;
+  padding-left: 0;
+  padding-right: 0;
+  line-height: 50px;
 }