@@ -256,8 +256,12 @@ export namespace Components {
   interface DocsRoot {}
   interface DocsRootAttributes extends StencilHTMLAttributes {}
 
-  interface DocsSearch {}
-  interface DocsSearchAttributes extends StencilHTMLAttributes {}
+  interface IonicSearch {
+    'mobile': boolean;
+  }
+  interface IonicSearchAttributes extends StencilHTMLAttributes {
+    'mobile'?: boolean;
+  }
 
   interface DocsSelect {
     'initializer': (options: string[]) => string;
@@ -356,7 +360,7 @@ declare global {
     'DocsPagination': Components.DocsPagination;
     'DocsReference': Components.DocsReference;
     'DocsRoot': Components.DocsRoot;
-    'DocsSearch': Components.DocsSearch;
+    'IonicSearch': Components.IonicSearch;
     'DocsSelect': Components.DocsSelect;
     'DocsShadowCard': Components.DocsShadowCard;
     'SmsForm': Components.SmsForm;
@@ -400,7 +404,7 @@ declare global {
     'docs-pagination': Components.DocsPaginationAttributes;
     'docs-reference': Components.DocsReferenceAttributes;
     'docs-root': Components.DocsRootAttributes;
-    'docs-search': Components.DocsSearchAttributes;
+    'ionic-search': Components.IonicSearchAttributes;
     'docs-select': Components.DocsSelectAttributes;
     'docs-shadow-card': Components.DocsShadowCardAttributes;
     'sms-form': Components.SmsFormAttributes;
@@ -604,10 +608,10 @@ declare global {
     new (): HTMLDocsRootElement;
   };
 
-  interface HTMLDocsSearchElement extends Components.DocsSearch, HTMLStencilElement {}
-  var HTMLDocsSearchElement: {
-    prototype: HTMLDocsSearchElement;
-    new (): HTMLDocsSearchElement;
+  interface HTMLIonicSearchElement extends Components.IonicSearch, HTMLStencilElement {}
+  var HTMLIonicSearchElement: {
+    prototype: HTMLIonicSearchElement;
+    new (): HTMLIonicSearchElement;
   };
 
   interface HTMLDocsSelectElement extends Components.DocsSelect, HTMLStencilElement {}
@@ -691,7 +695,7 @@ declare global {
     'docs-pagination': HTMLDocsPaginationElement
     'docs-reference': HTMLDocsReferenceElement
     'docs-root': HTMLDocsRootElement
-    'docs-search': HTMLDocsSearchElement
+    'ionic-search': HTMLIonicSearchElement
     'docs-select': HTMLDocsSelectElement
     'docs-shadow-card': HTMLDocsShadowCardElement
     'sms-form': HTMLSmsFormElement
@@ -735,7 +739,7 @@ declare global {
     'docs-pagination': HTMLDocsPaginationElement;
     'docs-reference': HTMLDocsReferenceElement;
     'docs-root': HTMLDocsRootElement;
-    'docs-search': HTMLDocsSearchElement;
+    'ionic-search': HTMLIonicSearchElement;
     'docs-select': HTMLDocsSelectElement;
     'docs-shadow-card': HTMLDocsShadowCardElement;
     'sms-form': HTMLSmsFormElement;
 
@@ -8,7 +8,7 @@
   appearance: none;
   background: none;
   border: none;
-  color: inherit;
+  color: #92A1B3;
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
 
@@ -37,10 +37,14 @@ docs-header header {
 }
 
 docs-header a {
-  color: inherit;
+  color: #92A1B3;;
   padding: 10px 0;
 }
 
+docs-header ion-icon {
+  font-size: 16px;
+}
+
 docs-header .link-active {
   color: var(--text-color--dark);
 }
 
@@ -1,5 +1,5 @@
 import { Component, Listen, Prop, State } from '@stencil/core';
-import { Checkmark, Logo, Outbound } from '../../icons';
+import { Checkmark, Logo } from '../../icons';
 
 @Component({
   tag: 'docs-header',
@@ -78,6 +78,7 @@ export class DocsHeader {
         </nav>
 
         <nav class="UtilNav">
+          <ionic-search></ionic-search>
           <docs-dropdown label="Community" align="right">
             <section>
               <a href="https://ionicframework.com/community" target="_blank">Community Hub</a>
@@ -103,7 +104,7 @@ export class DocsHeader {
               <a href="https://ionicframework.com/advisory" target="_blank">Enterprise Advisory</a>
             </section>
           </docs-dropdown>
-          <a class="outbound" href="https://github.com/ionic-team/ionic" target="_blank">GitHub <Outbound/></a>
+          <a class="outbound" href="https://github.com/ionic-team/ionic" target="_blank"><ion-icon name="logo-github"></ion-icon></a>
         </nav>
       </header>
     );
Original file line number	Diff line number	Diff line change
`@@ -37,10 +37,14 @@ docs-header header {`
`37`	`37`	`}`
`38`	`38`
`39`	`39`	`docs-header a {`
`40`		`- color: inherit;`
	`40`	`+ color: #92A1B3;;`
`41`	`41`	`padding: 10px 0;`
`42`	`42`	`}`
`43`	`43`
	`44`	`+docs-header ion-icon {`
	`45`	`+ font-size: 16px;`
	`46`	`+}`
	`47`	`+`
`44`	`48`	`docs-header .link-active {`
`45`	`49`	`color: var(--text-color--dark);`
`46`	`50`	`}`