diff --git a/packages/react/src/__tests__/__snapshots__/storyshots.test.js.snap b/packages/react/src/__tests__/__snapshots__/storyshots.test.js.snap
index 730b395797d..71ea5c27ae6 100644
--- a/packages/react/src/__tests__/__snapshots__/storyshots.test.js.snap
+++ b/packages/react/src/__tests__/__snapshots__/storyshots.test.js.snap
@@ -38449,6 +38449,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                       </SkipToContent>
                       <HeaderMenuButton
                         aria-label="Open menu"
+                        className=""
                         data-autoid="dds--masthead-default-sidenav__l0-menu"
                         isActive={false}
                         onClick={[Function]}
@@ -45382,6 +45383,7 @@ exports[`Storyshots Components|Dotcom Shell Default 1`] = `
                     </SkipToContent>
                     <HeaderMenuButton
                       aria-label="Open menu"
+                      className=""
                       data-autoid="dds--masthead-default-sidenav__l0-menu"
                       isActive={false}
                       onClick={[Function]}
@@ -51123,6 +51125,48 @@ exports[`Storyshots Components|Dotcom Shell Search open 1`] = `
                           Skip to main content
                         </a>
                       </SkipToContent>
+                      <HeaderMenuButton
+                        aria-label="Open menu"
+                        className="bx--masthead__header--search-active"
+                        data-autoid="dds--masthead-default-sidenav__l0-menu"
+                        isActive={false}
+                        onClick={[Function]}
+                      >
+                        <button
+                          aria-label="Open menu"
+                          className="bx--masthead__header--search-active bx--header__action bx--header__menu-trigger bx--header__menu-toggle bx--header__menu-toggle__hidden"
+                          data-autoid="dds--masthead-default-sidenav__l0-menu"
+                          onClick={[Function]}
+                          title="Open menu"
+                          type="button"
+                        >
+                          <ForwardRef(Menu20)>
+                            <Icon
+                              fill="currentColor"
+                              height={20}
+                              preserveAspectRatio="xMidYMid meet"
+                              viewBox="0 0 20 20"
+                              width={20}
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <svg
+                                aria-hidden={true}
+                                fill="currentColor"
+                                focusable="false"
+                                height={20}
+                                preserveAspectRatio="xMidYMid meet"
+                                viewBox="0 0 20 20"
+                                width={20}
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M2 14.8H18V16H2zM2 11.2H18V12.399999999999999H2zM2 7.6H18V8.799999999999999H2zM2 4H18V5.2H2z"
+                                />
+                              </svg>
+                            </Icon>
+                          </ForwardRef(Menu20)>
+                        </button>
+                      </HeaderMenuButton>
                       <IbmLogo
                         autoid="dds--masthead-default__l0-logo"
                         isSearchActive={true}
@@ -59226,6 +59270,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                       </SkipToContent>
                       <HeaderMenuButton
                         aria-label="Open menu"
+                        className=""
                         data-autoid="dds--masthead-alt-sidenav__l0-menu"
                         isActive={false}
                         onClick={[Function]}
@@ -68517,6 +68562,7 @@ exports[`Storyshots Components|Dotcom Shell With micro footer (language only) 1`
                       </SkipToContent>
                       <HeaderMenuButton
                         aria-label="Open menu"
+                        className=""
                         data-autoid="dds--masthead-default-sidenav__l0-menu"
                         isActive={false}
                         onClick={[Function]}
@@ -74455,6 +74501,7 @@ exports[`Storyshots Components|Dotcom Shell With micro footer 1`] = `
                       </SkipToContent>
                       <HeaderMenuButton
                         aria-label="Open menu"
+                        className=""
                         data-autoid="dds--masthead-default-sidenav__l0-menu"
                         isActive={false}
                         onClick={[Function]}
@@ -80101,13 +80148,14 @@ exports[`Storyshots Components|Dotcom Shell With platform 1`] = `
                       </SkipToContent>
                       <HeaderMenuButton
                         aria-label="Open menu"
+                        className="bx--masthead__platform"
                         data-autoid="dds--masthead-eco-sidenav__l0-menu"
                         isActive={false}
                         onClick={[Function]}
                       >
                         <button
                           aria-label="Open menu"
-                          className="bx--header__action bx--header__menu-trigger bx--header__menu-toggle bx--header__menu-toggle__hidden"
+                          className="bx--masthead__platform bx--header__action bx--header__menu-trigger bx--header__menu-toggle bx--header__menu-toggle__hidden"
                           data-autoid="dds--masthead-eco-sidenav__l0-menu"
                           onClick={[Function]}
                           title="Open menu"
@@ -86309,6 +86357,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                       </SkipToContent>
                       <HeaderMenuButton
                         aria-label="Open menu"
+                        className=""
                         data-autoid="dds--masthead-default-sidenav__l0-menu"
                         isActive={false}
                         onClick={[Function]}
@@ -93308,6 +93357,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer 1`] = `
                       </SkipToContent>
                       <HeaderMenuButton
                         aria-label="Open menu"
+                        className=""
                         data-autoid="dds--masthead-default-sidenav__l0-menu"
                         isActive={false}
                         onClick={[Function]}
@@ -115925,6 +115975,7 @@ exports[`Storyshots Components|Masthead Default 1`] = `
                   </SkipToContent>
                   <HeaderMenuButton
                     aria-label="Open menu"
+                    className=""
                     data-autoid="dds--masthead-default-sidenav__l0-menu"
                     isActive={false}
                     onClick={[Function]}
@@ -116480,6 +116531,48 @@ exports[`Storyshots Components|Masthead Search open by default 1`] = `
                       Skip to main content
                     </a>
                   </SkipToContent>
+                  <HeaderMenuButton
+                    aria-label="Open menu"
+                    className="bx--masthead__header--search-active"
+                    data-autoid="dds--masthead-default-sidenav__l0-menu"
+                    isActive={false}
+                    onClick={[Function]}
+                  >
+                    <button
+                      aria-label="Open menu"
+                      className="bx--masthead__header--search-active bx--header__action bx--header__menu-trigger bx--header__menu-toggle bx--header__menu-toggle__hidden"
+                      data-autoid="dds--masthead-default-sidenav__l0-menu"
+                      onClick={[Function]}
+                      title="Open menu"
+                      type="button"
+                    >
+                      <ForwardRef(Menu20)>
+                        <Icon
+                          fill="currentColor"
+                          height={20}
+                          preserveAspectRatio="xMidYMid meet"
+                          viewBox="0 0 20 20"
+                          width={20}
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <svg
+                            aria-hidden={true}
+                            fill="currentColor"
+                            focusable="false"
+                            height={20}
+                            preserveAspectRatio="xMidYMid meet"
+                            viewBox="0 0 20 20"
+                            width={20}
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M2 14.8H18V16H2zM2 11.2H18V12.399999999999999H2zM2 7.6H18V8.799999999999999H2zM2 4H18V5.2H2z"
+                            />
+                          </svg>
+                        </Icon>
+                      </ForwardRef(Menu20)>
+                    </button>
+                  </HeaderMenuButton>
                   <IbmLogo
                     autoid="dds--masthead-default__l0-logo"
                     isSearchActive={true}
@@ -118914,6 +119007,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                     </SkipToContent>
                     <HeaderMenuButton
                       aria-label="Open menu"
+                      className=""
                       data-autoid="dds--masthead-default-sidenav__l0-menu"
                       isActive={false}
                       onClick={[Function]}
@@ -124358,6 +124452,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                     </SkipToContent>
                     <HeaderMenuButton
                       aria-label="Open menu"
+                      className=""
                       data-autoid="dds--masthead-alt-sidenav__l0-menu"
                       isActive={false}
                       onClick={[Function]}
@@ -128096,13 +128191,14 @@ exports[`Storyshots Components|Masthead With Platform 1`] = `
                     </SkipToContent>
                     <HeaderMenuButton
                       aria-label="Open menu"
+                      className="bx--masthead__platform"
                       data-autoid="dds--masthead-eco-sidenav__l0-menu"
                       isActive={false}
                       onClick={[Function]}
                     >
                       <button
                         aria-label="Open menu"
-                        className="bx--header__action bx--header__menu-trigger bx--header__menu-toggle bx--header__menu-toggle__hidden"
+                        className="bx--masthead__platform bx--header__action bx--header__menu-trigger bx--header__menu-toggle bx--header__menu-toggle__hidden"
                         data-autoid="dds--masthead-eco-sidenav__l0-menu"
                         onClick={[Function]}
                         title="Open menu"
@@ -128688,6 +128784,7 @@ exports[`Storyshots Components|Masthead With logo data 1`] = `
                   </SkipToContent>
                   <HeaderMenuButton
                     aria-label="Open menu"
+                    className=""
                     data-autoid="dds--masthead-default-sidenav__l0-menu"
                     isActive={false}
                     onClick={[Function]}
diff --git a/packages/react/src/components/Masthead/Masthead.js b/packages/react/src/components/Masthead/Masthead.js
index 7f921c06f32..51450b6906e 100644
--- a/packages/react/src/components/Masthead/Masthead.js
+++ b/packages/react/src/components/Masthead/Masthead.js
@@ -211,12 +211,13 @@ const Masthead = ({
                 data-autoid={`${stablePrefix}--masthead`}>
                 <SkipToContent />
 
-                {(mastheadL1Data || navigation) && !isSearchActive && (
+                {(mastheadL1Data || navigation) && (
                   <HeaderMenuButton
                     aria-label={isSideNavExpanded ? 'Close menu' : 'Open menu'}
                     data-autoid={`${stablePrefix}--masthead-${navType}-sidenav__l0-menu`}
                     onClick={onClickSideNavExpand}
                     isActive={isSideNavExpanded}
+                    className={headerSearchClasses}
                   />
                 )}
 
diff --git a/packages/services/src/services/Profile/Profile.js b/packages/services/src/services/Profile/Profile.js
index e5981b65f2e..9f47ac24baa 100644
--- a/packages/services/src/services/Profile/Profile.js
+++ b/packages/services/src/services/Profile/Profile.js
@@ -50,7 +50,11 @@ class ProfileAPI {
         },
         withCredentials: true,
       })
-      .then(response => response.data);
+      .then(response => response.data)
+      .catch(error => {
+        console.log('Failed Profile Network Call', error);
+        return { user: 'Unauthenticated' };
+      });
   }
 }
 
diff --git a/packages/styles/scss/components/masthead/_masthead-leftnav.scss b/packages/styles/scss/components/masthead/_masthead-leftnav.scss
index 393b013b2f2..676a612bec7 100644
--- a/packages/styles/scss/components/masthead/_masthead-leftnav.scss
+++ b/packages/styles/scss/components/masthead/_masthead-leftnav.scss
@@ -51,6 +51,12 @@
       }
     }
 
+    &.#{$prefix}--masthead__header--search-active {
+      @include carbon--breakpoint-down('md') {
+        display: none;
+      }
+    }
+
     @include carbon--breakpoint-between('md', 'lg') {
       + .#{$prefix}--header__logo {
         a {
diff --git a/packages/web-components/examples/codesandbox/components/masthead-search/.gitignore b/packages/web-components/examples/codesandbox/components/masthead-search/.gitignore
deleted file mode 100644
index 7d5b7a94f4d..00000000000
--- a/packages/web-components/examples/codesandbox/components/masthead-search/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-/build
-/node_modules
diff --git a/packages/web-components/examples/codesandbox/components/masthead-search/index.html b/packages/web-components/examples/codesandbox/components/masthead-search/index.html
deleted file mode 100644
index 19ddca76f23..00000000000
--- a/packages/web-components/examples/codesandbox/components/masthead-search/index.html
+++ /dev/null
@@ -1,104 +0,0 @@
-<!--
-@license
-
-Copyright IBM Corp. 2020
-
-This source code is licensed under the Apache-2.0 license found in the
-LICENSE file in the root directory of this source tree.
--->
-
-<html>
-  <head>
-    <title>@carbon/ibmdotcom-web-components example</title>
-    <meta charset="UTF-8" />
-    <script type="module" src="src/index.js"></script>
-  </head>
-  <body>
-    <dds-masthead>
-      <dds-masthead-menu-button></dds-masthead-menu-button>
-      <dds-masthead-logo></dds-masthead-logo>
-      <dds-top-nav menu-bar-label="IBM [Platform]">
-        <dds-top-nav-menu menu-label="Products" trigger-content="Products">
-          <dds-top-nav-menu-item href="https://www.ibm.com/products">Products</dds-top-nav-menu-item>
-          <dds-top-nav-menu-item href="https://www.ibm.com/analytics">Analytics</dds-top-nav-menu-item>
-          <dds-top-nav-menu-item href="https://www.ibm.com/blockchain">Blockchain</dds-top-nav-menu-item>
-        </dds-top-nav-menu>
-        <dds-top-nav-menu menu-label="Services" trigger-content="Services">
-          <dds-top-nav-menu-item href="https://www-935.ibm.com/services/index.html">Services</dds-top-nav-menu-item>
-          <dds-top-nav-menu-item href="https://www.ibm.com/financing">Financing</dds-top-nav-menu-item>
-          <dds-top-nav-menu-item href="https://www.ibm.com/trailing">Training and skills</dds-top-nav-menu-item>
-        </dds-top-nav-menu>
-        <dds-top-nav-item href="https://www.ibm.com/industries">Industries</dds-top-nav-item>
-      </dds-top-nav>
-      <dds-masthead-search-container></dds-masthead-search-container>
-      <dds-masthead-global-bar>
-        <dds-masthead-profile authenticated>
-          <dds-masthead-profile-item href="https://myibm.ibm.com/">My IBM</dds-masthead-profile-item>
-          <dds-masthead-profile-item href="https://myibm.ibm.com/profile">Profile</dds-masthead-profile-item>
-          <dds-masthead-profile-item href="https://myibm.ibm.com/pkmslogout?filename=accountRedir.html">
-            Log out
-          </dds-masthead-profile-item>
-        </dds-masthead-profile>
-      </dds-masthead-global-bar>
-      <dds-left-nav-overlay></dds-left-nav-overlay>
-      <dds-left-nav menu-bar-label="IBM [Platform]">
-        <dds-left-nav-menu title="Products">
-          <dds-left-nav-menu-item href="https://www.ibm.com/products">Products</dds-left-nav-menu-item>
-          <dds-left-nav-menu-item href="https://www.ibm.com/analytics">Analytics</dds-left-nav-menu-item>
-          <dds-left-nav-menu-item href="https://www.ibm.com/blockchain">Blockchain</dds-left-nav-menu-item>
-        </dds-left-nav-menu>
-        <dds-left-nav-menu title="Services">
-          <dds-left-nav-menu-item href="https://www-935.ibm.com/services/index.html">Services</dds-left-nav-menu-item>
-          <dds-left-nav-menu-item href="https://www.ibm.com/financing">Financing</dds-left-nav-menu-item>
-          <dds-left-nav-menu-item href="https://www.ibm.com/trailing">Training and skills</dds-left-nav-menu-item>
-        </dds-left-nav-menu>
-        <dds-left-nav-item href="https://www.ibm.com/industries">Industries</dds-left-nav-item>
-      </dds-left-nav>
-    </dds-masthead>
-    <main class="bx--content dds-ce-demo--ui-shell-content">
-      <div class="bx--grid">
-        <div class="bx--row">
-          <div class="bx--offset-lg-3 bx--col-lg-13">
-            <h2>
-              Purpose and function
-            </h2>
-            <p>
-              The shell is perhaps the most crucial piece of any UI built with Carbon. It contains the shared navigation framework
-              for the entire design system and ties the products in IBM’s portfolio together in a cohesive and elegant way. The
-              shell is the home of the topmost navigation, where users can quickly and dependably gain their bearings and move
-              between pages.
-              <br />
-              <br />
-              The shell was designed with maximum flexibility built in, to serve the needs of a broad range of products and users.
-              Adopting the shell ensures compliance with IBM design standards, simplifies development efforts, and provides great
-              user experiences. All IBM products built with Carbon are required to use the shell’s header.
-              <br />
-              <br />
-              To better understand the purpose and function of the UI shell, consider the “shell” of MacOS, which contains the Apple
-              menu, top-level navigation, and universal, OS-level controls at the top of the screen, as well as a universal dock
-              along the bottom or side of the screen. The Carbon UI shell is roughly analogous in function to these parts of the Mac
-              UI. For example, the app switcher portion of the shell can be compared to the dock in MacOS.
-            </p>
-            <h2>
-              Header responsive behavior
-            </h2>
-            <p>
-              As a header scales down to fit smaller screen sizes, headers with persistent side nav menus should have the side nav
-              collapse into “hamburger” menu. See the example to better understand responsive behavior of the header.
-            </p>
-            <h2>
-              Secondary navigation
-            </h2>
-            <p>
-              The side-nav contains secondary navigation and fits below the header. It can be configured to be either fixed-width or
-              flexible, with only one level of nested items allowed. Both links and category lists can be used in the side-nav and
-              may be mixed together. There are several configurations of the side-nav, but only one configuration should be used per
-              product section. If tabs are needed on a page when using a side-nav, then the tabs are secondary in hierarchy to the
-              side-nav.
-            </p>
-          </div>
-        </div>
-      </div>
-    </main>
-  </body>
-</html>
diff --git a/packages/web-components/examples/codesandbox/components/masthead-search/package.json b/packages/web-components/examples/codesandbox/components/masthead-search/package.json
deleted file mode 100644
index fa1368c1130..00000000000
--- a/packages/web-components/examples/codesandbox/components/masthead-search/package.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-  "name": "ibmdotcom-web-components-masthead-search-example",
-  "version": "0.1.0",
-  "private": true,
-  "description": "Sample project for getting started with the Web Components from Carbon for IBM.com.",
-  "license": "Apache-2",
-  "scripts": {
-    "start": "snowpack dev",
-    "build": "snowpack build"
-  },
-  "dependencies": {
-    "@carbon/ibmdotcom-web-components": "canary",
-    "carbon-components": "~10.17.0",
-    "lit-element": "~2.4.0",
-    "lit-html": "~1.3.0",
-    "lodash-es": "^4.17.0"
-  },
-  "devDependencies": {
-    "@snowpack/plugin-dotenv": "^2.0.0",
-    "@types/lodash-es": "^4.17.0",
-    "snowpack": "2.10.1",
-    "snowpack-plugin-sass": "^1.0.0"
-  }
-}
diff --git a/packages/web-components/examples/codesandbox/components/masthead-search/sandbox.config.json b/packages/web-components/examples/codesandbox/components/masthead-search/sandbox.config.json
deleted file mode 100644
index a4df8557d7b..00000000000
--- a/packages/web-components/examples/codesandbox/components/masthead-search/sandbox.config.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "template": "node"
-}
diff --git a/packages/web-components/examples/codesandbox/components/masthead-search/snowpack.config.json b/packages/web-components/examples/codesandbox/components/masthead-search/snowpack.config.json
deleted file mode 100644
index 7416ebbc7d5..00000000000
--- a/packages/web-components/examples/codesandbox/components/masthead-search/snowpack.config.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "plugins": ["@snowpack/plugin-dotenv", "snowpack-plugin-sass"]
-}
diff --git a/packages/web-components/examples/codesandbox/components/masthead-search/src/index.js b/packages/web-components/examples/codesandbox/components/masthead-search/src/index.js
deleted file mode 100644
index fd195a83fd9..00000000000
--- a/packages/web-components/examples/codesandbox/components/masthead-search/src/index.js
+++ /dev/null
@@ -1,38 +0,0 @@
-/**
- * @license
- *
- * Copyright IBM Corp. 2020
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import '@carbon/ibmdotcom-web-components/es/components/masthead/masthead.js';
-import '@carbon/ibmdotcom-web-components/es/components/masthead/masthead-menu-button.js';
-import '@carbon/ibmdotcom-web-components/es/components/masthead/masthead-logo.js';
-import '@carbon/ibmdotcom-web-components/es/components/masthead/top-nav.js';
-import '@carbon/ibmdotcom-web-components/es/components/masthead/top-nav-item.js';
-import '@carbon/ibmdotcom-web-components/es/components/masthead/top-nav-menu.js';
-import '@carbon/ibmdotcom-web-components/es/components/masthead/top-nav-menu-item.js';
-import '@carbon/ibmdotcom-web-components/es/components/masthead/left-nav.js';
-import '@carbon/ibmdotcom-web-components/es/components/masthead/left-nav-item.js';
-import '@carbon/ibmdotcom-web-components/es/components/masthead/left-nav-menu.js';
-import '@carbon/ibmdotcom-web-components/es/components/masthead/left-nav-menu-item.js';
-import '@carbon/ibmdotcom-web-components/es/components/masthead/left-nav-overlay.js';
-import '@carbon/ibmdotcom-web-components/es/components/masthead/masthead-global-bar.js';
-import '@carbon/ibmdotcom-web-components/es/components/masthead/masthead-profile.js';
-import '@carbon/ibmdotcom-web-components/es/components/masthead/masthead-profile-item.js';
-import '@carbon/ibmdotcom-web-components/es/components/masthead/masthead-search-container.js';
-import './index.scss';
-
-window.digitalData = {
-  page: {
-    pageInfo: {
-      language: 'en-US',
-      ibm: {
-        siteID: 'IBMTESTWWW',
-      },
-    },
-    isDataLayerReady: true,
-  },
-};
diff --git a/packages/web-components/examples/codesandbox/components/masthead-search/src/index.scss b/packages/web-components/examples/codesandbox/components/masthead-search/src/index.scss
deleted file mode 100644
index c081c586bee..00000000000
--- a/packages/web-components/examples/codesandbox/components/masthead-search/src/index.scss
+++ /dev/null
@@ -1,37 +0,0 @@
-//
-// @license
-//
-// Copyright IBM Corp. 2020
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-// `enable-css-custom-properties` and `grid-columns-16` feature flags are requirements for Carbon for IBM.com styles
-$feature-flags: (
-  enable-css-custom-properties: true,
-  grid-columns-16: true,
-);
-
-@import 'carbon-components/scss/globals/grid/grid';
-@import 'carbon-components/scss/components/ui-shell/content';
-
-body {
-  padding: calc(#{$spacing-09} + #{mini-units(6)} + 1px) $spacing-09 $spacing-09 $spacing-09;
-}
-
-@media (min-width: 66rem) {
-  .bx--offset-lg-3 {
-    margin-left: 0;
-  }
-}
-
-.bx--content.dds-ce-demo--ui-shell-content {
-  h2 {
-    margin: 30px 0;
-
-    &:first-of-type {
-      margin-top: 0;
-    }
-  }
-}
diff --git a/packages/web-components/examples/codesandbox/components/masthead/.sassrc b/packages/web-components/examples/codesandbox/components/masthead/.sassrc
new file mode 100644
index 00000000000..386e3a39700
--- /dev/null
+++ b/packages/web-components/examples/codesandbox/components/masthead/.sassrc
@@ -0,0 +1,5 @@
+{
+  "includePaths": [
+    "node_modules"
+  ],
+}
diff --git a/packages/web-components/examples/codesandbox/components/masthead/package.json b/packages/web-components/examples/codesandbox/components/masthead/package.json
index e857df69a73..763fa0d55f9 100644
--- a/packages/web-components/examples/codesandbox/components/masthead/package.json
+++ b/packages/web-components/examples/codesandbox/components/masthead/package.json
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@carbon/ibmdotcom-web-components": "canary",
-    "carbon-components": "^10.15.0",
+    "carbon-components": "latest",
     "lit-element": "~2.4.0",
     "lit-html": "~1.3.0"
   },
diff --git a/packages/web-components/src/component-mixins/cta/video.ts b/packages/web-components/src/component-mixins/cta/video.ts
index 2c9a04e3015..ff61dd1d21a 100644
--- a/packages/web-components/src/component-mixins/cta/video.ts
+++ b/packages/web-components/src/component-mixins/cta/video.ts
@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020
+ * Copyright IBM Corp. 2020, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -41,6 +41,7 @@ const VideoCTAMixin = <T extends Constructor<HTMLElement>>(Base: T) => {
      * @param event The event.
      */
     _handleClick(event: MouseEvent) {
+      this.focus();
       const { ctaType, disabled, href } = this;
       if (ctaType === CTA_TYPE.VIDEO) {
         event.preventDefault(); // Stop following the link
diff --git a/packages/web-components/src/components/masthead/masthead.scss b/packages/web-components/src/components/masthead/masthead.scss
index 2a05054dbe0..389fcc2a081 100644
--- a/packages/web-components/src/components/masthead/masthead.scss
+++ b/packages/web-components/src/components/masthead/masthead.scss
@@ -66,7 +66,7 @@
   }
 
   .#{$dds-prefix}-ce--header__logo--has-search-active {
-    @include carbon--breakpoint-down('lg') {
+    @include carbon--breakpoint-down('md') {
       display: none;
     }
   }