diff --git a/e2e/pages/adf/dialog/searchDialog.ts b/e2e/pages/adf/dialog/searchDialog.ts
index f8734aba01..b7e41354e4 100644
--- a/e2e/pages/adf/dialog/searchDialog.ts
+++ b/e2e/pages/adf/dialog/searchDialog.ts
@@ -69,14 +69,14 @@ export class SearchDialog {
 
     enterText(text) {
         Util.waitUntilElementIsVisible(this.searchBar);
-        this.searchBar.click();
+        browser.executeScript(`document.querySelector("adf-search-control input").click();`);
         this.searchBar.sendKeys(text);
         return this;
     }
 
     enterTextAndPressEnter(text) {
         Util.waitUntilElementIsVisible(this.searchBar);
-        this.searchBar.click();
+        browser.executeScript(`document.querySelector("adf-search-control input").click();`);
         this.searchBar.sendKeys(text);
         this.searchBar.sendKeys(protractor.Key.ENTER);
         return this;
diff --git a/lib/content-services/search/components/search-control.component.scss b/lib/content-services/search/components/search-control.component.scss
index 8efabf7efa..42c75b60a0 100644
--- a/lib/content-services/search/components/search-control.component.scss
+++ b/lib/content-services/search/components/search-control.component.scss
@@ -9,9 +9,6 @@
 
     .adf-search-container {
         overflow: hidden !important;
-        adf-search-bar {
-            width: 200px;
-        }
     }
 
     .adf-search-button {
diff --git a/lib/content-services/search/components/search-control.component.ts b/lib/content-services/search/components/search-control.component.ts
index d2cc22ceeb..783897a493 100644
--- a/lib/content-services/search/components/search-control.component.ts
+++ b/lib/content-services/search/components/search-control.component.ts
@@ -33,7 +33,7 @@ import { debounceTime, filter } from 'rxjs/operators';
     animations: [
         trigger('transitionMessages', [
             state('active', style({ transform: 'translateX(0%)', 'margin-left': '13px' })),
-            state('inactive', style({ transform: 'translateX(81%)'})),
+            state('inactive', style({ transform: 'translateX(82%)'})),
             state('no-animation', style({ transform: 'translateX(0%)', width: '100%' })),
             transition('inactive => active',
                 animate('300ms cubic-bezier(0.55, 0, 0.55, 0.2)')),