diff --git a/src/plugins/data_view_field_editor/public/components/field_format_editor/__snapshots__/format_editor.test.tsx.snap b/src/plugins/data_view_field_editor/public/components/field_format_editor/__snapshots__/format_editor.test.tsx.snap
index 95417e671901a..7a27e35e2dedf 100644
--- a/src/plugins/data_view_field_editor/public/components/field_format_editor/__snapshots__/format_editor.test.tsx.snap
+++ b/src/plugins/data_view_field_editor/public/components/field_format_editor/__snapshots__/format_editor.test.tsx.snap
@@ -5,7 +5,7 @@ exports[`FieldFormatEditor should render normally 1`] = `
   <Suspense
     fallback={
       <div
-        style={
+        css={
           Object {
             "marginTop": 8,
             "minHeight": 430,
@@ -38,7 +38,7 @@ exports[`FieldFormatEditor should render nothing if there is no editor for the f
   <Suspense
     fallback={
       <div
-        style={
+        css={
           Object {
             "marginTop": 8,
             "minHeight": 430,
diff --git a/src/plugins/data_view_field_editor/public/components/field_format_editor/editors/static_lookup/__snapshots__/static_lookup.test.tsx.snap b/src/plugins/data_view_field_editor/public/components/field_format_editor/editors/static_lookup/__snapshots__/static_lookup.test.tsx.snap
index c58a28f6af6de..6b6322b618a30 100644
--- a/src/plugins/data_view_field_editor/public/components/field_format_editor/editors/static_lookup/__snapshots__/static_lookup.test.tsx.snap
+++ b/src/plugins/data_view_field_editor/public/components/field_format_editor/editors/static_lookup/__snapshots__/static_lookup.test.tsx.snap
@@ -40,6 +40,11 @@ exports[`StaticLookupFormatEditor should render multiple lookup entries and unkn
         },
       ]
     }
+    css={
+      Object {
+        "maxWidth": "400px",
+      }
+    }
     items={
       Array [
         Object {
@@ -59,11 +64,6 @@ exports[`StaticLookupFormatEditor should render multiple lookup entries and unkn
         token="euiBasicTable.noItemsMessage"
       />
     }
-    style={
-      Object {
-        "maxWidth": "400px",
-      }
-    }
     tableLayout="fixed"
   />
   <EuiSpacer
@@ -144,6 +144,11 @@ exports[`StaticLookupFormatEditor should render normally 1`] = `
         },
       ]
     }
+    css={
+      Object {
+        "maxWidth": "400px",
+      }
+    }
     items={
       Array [
         Object {
@@ -157,11 +162,6 @@ exports[`StaticLookupFormatEditor should render normally 1`] = `
         token="euiBasicTable.noItemsMessage"
       />
     }
-    style={
-      Object {
-        "maxWidth": "400px",
-      }
-    }
     tableLayout="fixed"
   />
   <EuiSpacer
diff --git a/src/plugins/data_view_management/public/components/edit_index_pattern/scripted_fields_table/components/header/__snapshots__/header.test.tsx.snap b/src/plugins/data_view_management/public/components/edit_index_pattern/scripted_fields_table/components/header/__snapshots__/header.test.tsx.snap
index 4ee28d1410ee0..40cd0974b163b 100644
--- a/src/plugins/data_view_management/public/components/edit_index_pattern/scripted_fields_table/components/header/__snapshots__/header.test.tsx.snap
+++ b/src/plugins/data_view_management/public/components/edit_index_pattern/scripted_fields_table/components/header/__snapshots__/header.test.tsx.snap
@@ -16,9 +16,9 @@ exports[`Header should render normally 1`] = `
         </span>
         <br />
         <span
+          class="emotion-EuiIcon"
           color="warning"
           data-euiicon-type="warning"
-          style="margin-right: 4px;"
         />
         <span>
           Scripted fields are deprecated. Use 
diff --git a/src/plugins/data_view_management/public/components/field_editor/components/field_format_editor/__snapshots__/field_format_editor.test.tsx.snap b/src/plugins/data_view_management/public/components/field_editor/components/field_format_editor/__snapshots__/field_format_editor.test.tsx.snap
index 95417e671901a..7a27e35e2dedf 100644
--- a/src/plugins/data_view_management/public/components/field_editor/components/field_format_editor/__snapshots__/field_format_editor.test.tsx.snap
+++ b/src/plugins/data_view_management/public/components/field_editor/components/field_format_editor/__snapshots__/field_format_editor.test.tsx.snap
@@ -5,7 +5,7 @@ exports[`FieldFormatEditor should render normally 1`] = `
   <Suspense
     fallback={
       <div
-        style={
+        css={
           Object {
             "marginTop": 8,
             "minHeight": 430,
@@ -38,7 +38,7 @@ exports[`FieldFormatEditor should render nothing if there is no editor for the f
   <Suspense
     fallback={
       <div
-        style={
+        css={
           Object {
             "marginTop": 8,
             "minHeight": 430,
diff --git a/src/plugins/discover/public/components/doc_table/components/table_header/__snapshots__/table_header.test.tsx.snap b/src/plugins/discover/public/components/doc_table/components/table_header/__snapshots__/table_header.test.tsx.snap
index 22e4b3a0d9657..2b44ac56c64ae 100644
--- a/src/plugins/discover/public/components/doc_table/components/table_header/__snapshots__/table_header.test.tsx.snap
+++ b/src/plugins/discover/public/components/doc_table/components/table_header/__snapshots__/table_header.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`TableHeader with time column renders correctly 1`] = `
   data-test-subj="docTableHeader"
 >
   <th
-    style="width: 24px;"
+    css="[object Object]"
   />
   <th
     data-test-subj="docTableHeaderField"
@@ -211,7 +211,7 @@ exports[`TableHeader without time column renders correctly 1`] = `
   data-test-subj="docTableHeader"
 >
   <th
-    style="width: 24px;"
+    css="[object Object]"
   />
   <th
     data-test-subj="docTableHeaderField"
diff --git a/src/plugins/home/public/application/components/tutorial/__snapshots__/instruction_set.test.js.snap b/src/plugins/home/public/application/components/tutorial/__snapshots__/instruction_set.test.js.snap
index 5235392121ab0..b11a936807c9f 100644
--- a/src/plugins/home/public/application/components/tutorial/__snapshots__/instruction_set.test.js.snap
+++ b/src/plugins/home/public/application/components/tutorial/__snapshots__/instruction_set.test.js.snap
@@ -7,7 +7,7 @@ exports[`render 1`] = `
     paddingSize="none"
   >
     <EuiTabs
-      style={
+      css={
         Object {
           "padding": "0 24px",
         }
@@ -102,7 +102,7 @@ exports[`statusCheckState checking status 1`] = `
     paddingSize="none"
   >
     <EuiTabs
-      style={
+      css={
         Object {
           "padding": "0 24px",
         }
@@ -216,7 +216,7 @@ exports[`statusCheckState failed status check - error 1`] = `
     paddingSize="none"
   >
     <EuiTabs
-      style={
+      css={
         Object {
           "padding": "0 24px",
         }
@@ -339,7 +339,7 @@ exports[`statusCheckState failed status check - no data 1`] = `
     paddingSize="none"
   >
     <EuiTabs
-      style={
+      css={
         Object {
           "padding": "0 24px",
         }
@@ -462,7 +462,7 @@ exports[`statusCheckState initial state - no check has been attempted 1`] = `
     paddingSize="none"
   >
     <EuiTabs
-      style={
+      css={
         Object {
           "padding": "0 24px",
         }
@@ -576,7 +576,7 @@ exports[`statusCheckState successful status check 1`] = `
     paddingSize="none"
   >
     <EuiTabs
-      style={
+      css={
         Object {
           "padding": "0 24px",
         }