diff --git a/public/scss/generics.scss b/public/scss/generics.scss
index d29b30c3bc..c54986246e 100644
--- a/public/scss/generics.scss
+++ b/public/scss/generics.scss
@@ -1,4 +1,5 @@
 
+// TODO: these should be removed from persona and core use bs5 grays instead
 $gray-base:              #000;
 $gray-darker:            lighten($gray-base, 13.5%); // #222
 $gray-dark:              lighten($gray-base, 20%);   // #333
diff --git a/public/src/modules/categorySearch.js b/public/src/modules/categorySearch.js
index 8394ae343c..7b12cde101 100644
--- a/public/src/modules/categorySearch.js
+++ b/public/src/modules/categorySearch.js
@@ -25,6 +25,7 @@ define('categorySearch', ['alerts'], function (alerts) {
 
 		el.on('show.bs.dropdown', function () {
 			if (toggleVisibility) {
+				el.find('.dropdown-toggle').css({ visibility: 'hidden' });
 				searchEl.removeClass('hidden');
 				searchEl.css({
 					'z-index': el.find('.dropdown-toggle').css('z-index') + 1,
@@ -60,6 +61,7 @@ define('categorySearch', ['alerts'], function (alerts) {
 
 		el.on('hide.bs.dropdown', function () {
 			if (toggleVisibility) {
+				el.find('.dropdown-toggle').css({ visibility: 'visible' });
 				searchEl.addClass('hidden');
 			}