diff --git a/_includes/modal.html b/_includes/modal.html
index ecc4cbe6ce..52b04b5412 100644
--- a/_includes/modal.html
+++ b/_includes/modal.html
@@ -8,7 +8,7 @@
           <h6 class="pattern-type">{{pattern.filters.type | upcase }}</h6>
         </a>
         {% else %}
-        <a href="{{ site.baseurl }}/catalog/{{ pattern.type | slugify }}">
+        <a class="chip-modal-link" href="{{ site.baseurl }}/catalog/{{ pattern.type | slugify }}">
           {% endif %}
           <h6 class="pattern-type">{{pattern.type | upcase }}</h6>
         </a>
diff --git a/_sass/catalog.scss b/_sass/catalog.scss
index 5a8fd30090..840047f1bd 100644
--- a/_sass/catalog.scss
+++ b/_sass/catalog.scss
@@ -312,10 +312,10 @@ p {
   left: 0px;
   height: 2.5rem;
   font-size: 1.6rem;
+  background-color: #00d3a9;
   align-self: flex-end;
   float: right;
   box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.25);
-
 }
 
 .pattern-name {
diff --git a/_sass/elements.scss b/_sass/elements.scss
index f4908012a1..f4fe5ce3b4 100644
--- a/_sass/elements.scss
+++ b/_sass/elements.scss
@@ -40,6 +40,10 @@ a:hover {
 	color: var(--brand-color-secondary);
 }
 
+.chip-modal-link:hover{
+	text-decoration: none;
+}
+
 h1 strong, h2 strong {
 	font-weight: 700;
 }
diff --git a/_sass/navigation.scss b/_sass/navigation.scss
index b1b1c287cc..9072f69e6a 100644
--- a/_sass/navigation.scss
+++ b/_sass/navigation.scss
@@ -77,6 +77,9 @@ nav {
 
 .nav-mode-icon{
 
+	border: none;
+	background: transparent;      
+	
 	& > img {
 		margin-left: .5rem;
 		width: 2rem;