diff --git a/src/components/searchbar/searchbar.md.scss b/src/components/searchbar/searchbar.md.scss
index 135474a4ba..f34cb1b6c0 100644
--- a/src/components/searchbar/searchbar.md.scss
+++ b/src/components/searchbar/searchbar.md.scss
@@ -130,11 +130,11 @@ $searchbar-md-input-clear-icon-size:     22px !default;
 // Searchbar Focused
 // -----------------------------------------
 
-.searchbar-md .searchbar-has-focus.searchbar-show-cancel .searchbar-search-icon {
+.searchbar-md.searchbar-has-focus.searchbar-show-cancel .searchbar-search-icon {
   display: none;
 }
 
-.searchbar-md .searchbar-has-focus.searchbar-show-cancel .searchbar-md-cancel {
+.searchbar-md.searchbar-has-focus.searchbar-show-cancel .searchbar-md-cancel {
   display: inline-flex;
 }