diff --git a/app/modules/components/filter/filter.jade b/app/modules/components/filter/filter.jade
index 9ff7cbf2..aaceb864 100644
--- a/app/modules/components/filter/filter.jade
+++ b/app/modules/components/filter/filter.jade
@@ -59,6 +59,7 @@ form(name="vm.filtersForm")
         a(
             ng-click="vm.toggleAdvancedFilter()"
             href=""
+            ng-class="{'collapsed': !vm.showAdvancedFilter, 'exclude': vm.filterMode == 'exclude'}"
         )
             span {{'COMMON.FILTERS.TITLE_ADVANCED_FILTER' | translate}}
             tg-svg.ng-animate-disabled(
diff --git a/app/modules/components/filter/filter.scss b/app/modules/components/filter/filter.scss
index 536a9f32..5e6c1cbf 100644
--- a/app/modules/components/filter/filter.scss
+++ b/app/modules/components/filter/filter.scss
@@ -1,3 +1,8 @@
+// custom colors
+$exclude-background: #fcc;
+$exclude-filter-text: #828282;
+$radio-mark-background: #d6d5d5;
+
 tg-filter {
     background-color: $mass-white;
     display: block;
@@ -14,7 +19,8 @@ tg-filter {
         padding: 0 1rem 1rem;
         .single-filter {
             &.exclude {
-                background: $red-light;
+                background: $exclude-background;
+                color: $exclude-filter-text;
                 text-decoration: line-through;
             }
             &:hover {
@@ -28,8 +34,14 @@ tg-filter {
     .filters-advanced {
         @include font-type(light);
         @include font-size(xsmall);
+        font-size: 10pt;
+        font-weight: 600;
         padding: 0 1rem 1rem;
 
+        .collapsed.exclude {
+            color: $red-light;
+        }
+
         a .icon {
             margin-left: 5px;
             vertical-align: bottom;
@@ -37,7 +49,7 @@ tg-filter {
         }
 
         .filters-advanced-form {
-            padding: .5rem 0;
+            padding: .75rem 0;
             text-align: center;
         }
 
@@ -51,6 +63,7 @@ tg-filter {
 
         .filter-mode {
             cursor: pointer;
+
             &.include {
                 margin-right: .75rem;
             }
@@ -72,18 +85,18 @@ tg-filter {
         }
 
         .radio-mark {
-            background: $whitish;
-            height: 18px;
+            background: $radio-mark-background;
+            height: 22px;
             margin-right: 3px;
             text-align: center;
-            width: 18px;
+            width: 22px;
         }
 
         .radio-mark-inner {
-            height: 12px;
-            margin-top: 3px;
+            height: 14px;
+            margin-top: 4px;
             opacity: 0;
-            width: 12px;
+            width: 14px;
 
             &.include {
                 background: $primary;