diff --git a/src/core/public/chrome/ui/header/collapsible_nav.tsx b/src/core/public/chrome/ui/header/collapsible_nav.tsx
index 96c74ba6ae7ec..eaddc6b94bd46 100644
--- a/src/core/public/chrome/ui/header/collapsible_nav.tsx
+++ b/src/core/public/chrome/ui/header/collapsible_nav.tsx
@@ -22,7 +22,6 @@ import { groupBy, sortBy } from 'lodash';
 import React, { Fragment, useRef } from 'react';
 import useObservable from 'react-use/lib/useObservable';
 import * as Rx from 'rxjs';
-import { css } from '@emotion/react';
 import { ChromeNavLink, ChromeRecentlyAccessedHistoryItem } from '../..';
 import { AppCategory } from '../../../../types';
 import { InternalApplicationStart } from '../../../application/types';
@@ -116,10 +115,6 @@ export function CollapsibleNav({
     });
   };
 
-  const styles = css`
-    background: coral;
-  `;
-
   return (
     <EuiCollapsibleNav
       data-test-subj="collapsibleNav"
@@ -132,7 +127,6 @@ export function CollapsibleNav({
       button={button}
       ownFocus={false}
       size={240}
-      css={styles}
     >
       {customNavLink && (
         <Fragment>
@@ -197,7 +191,6 @@ export function CollapsibleNav({
             color="text"
             gutterSize="none"
             size="s"
-            css={{ background: 'coral' }}
           />
         </EuiCollapsibleNavGroup>
       </EuiFlexItem>
diff --git a/src/plugins/discover/public/application/components/discover_grid/discover_grid.tsx b/src/plugins/discover/public/application/components/discover_grid/discover_grid.tsx
index da32e13aed992..f1c56b7a57195 100644
--- a/src/plugins/discover/public/application/components/discover_grid/discover_grid.tsx
+++ b/src/plugins/discover/public/application/components/discover_grid/discover_grid.tsx
@@ -7,7 +7,6 @@
  */
 
 import React, { useCallback, useMemo, useState } from 'react';
-import { css } from '@emotion/react';
 import { FormattedMessage } from '@kbn/i18n/react';
 import './discover_grid.scss';
 import {
@@ -151,12 +150,8 @@ export interface DiscoverGridProps {
   controlColumnIds?: string[];
 }
 
-const styles = css`
-  background: coral;
-`;
-
 export const EuiDataGridMemoized = React.memo((props: EuiDataGridProps) => {
-  return <EuiDataGrid {...props} css={styles} />;
+  return <EuiDataGrid {...props} />;
 });
 
 export const DiscoverGrid = ({
diff --git a/x-pack/plugins/canvas/public/components/workpad_config/workpad_config.component.tsx b/x-pack/plugins/canvas/public/components/workpad_config/workpad_config.component.tsx
index adca289904a42..18e3f2dac9777 100644
--- a/x-pack/plugins/canvas/public/components/workpad_config/workpad_config.component.tsx
+++ b/x-pack/plugins/canvas/public/components/workpad_config/workpad_config.component.tsx
@@ -7,7 +7,6 @@
 
 import React, { FunctionComponent, useState } from 'react';
 import PropTypes from 'prop-types';
-import { css as emotionCss } from '@emotion/react';
 import {
   EuiFieldText,
   EuiFieldNumber,
@@ -126,14 +125,10 @@ export const WorkpadConfig: FunctionComponent<Props> = (props) => {
     },
   ];
 
-  const styles = emotionCss`
-    background: coral;
-  `;
-
   return (
     <div>
       <div className="canvasLayout__sidebarHeaderWorkpad">
-        <EuiTitle size="xs" css={styles}>
+        <EuiTitle size="xs">
           <h4>{strings.getTitle()}</h4>
         </EuiTitle>
       </div>
@@ -199,7 +194,7 @@ export const WorkpadConfig: FunctionComponent<Props> = (props) => {
 
       <VarConfig variables={variables} setVariables={setWorkpadVariables} />
 
-      <div className="canvasSidebar__expandable" css={{ color: 'coral' }}>
+      <div className="canvasSidebar__expandable">
         <EuiAccordion
           id="accordion-global-css"
           className="canvasSidebar__accordion"
@@ -213,7 +208,6 @@ export const WorkpadConfig: FunctionComponent<Props> = (props) => {
               <span>{strings.getGlobalCSSLabel()}</span>
             </EuiToolTip>
           }
-          css={{ color: 'coral' }}
         >
           <div className="canvasSidebar__accordionContent">
             <EuiTextArea