diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/app/__snapshots__/uptime_page_template.test.tsx.snap b/x-pack/plugins/synthetics/public/legacy_uptime/app/__snapshots__/uptime_page_template.test.tsx.snap
deleted file mode 100644
index bfcf31e9c0f97..0000000000000
--- a/x-pack/plugins/synthetics/public/legacy_uptime/app/__snapshots__/uptime_page_template.test.tsx.snap
+++ /dev/null
@@ -1,68 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`UptimePageTemplateComponent styling applies the header centering on mobile 1`] = `
-.c0 .euiPageHeaderContent > .euiFlexGroup {
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
-
-.c0 .euiPageHeaderContent > .euiFlexGroup > .euiFlexItem {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-<div
-  class="euiPage euiPageTemplate c0 emotion-euiPage-row-grow"
-  style="min-height: 460px;"
->
-  <div
-    class="euiPageBody emotion-euiPageBody"
-  >
-    <div
-      class="euiPanel euiPanel--plain euiPageContent euiPageContent--borderRadiusNone emotion-euiPanel-grow-none-plain"
-      role="main"
-    >
-      <div
-        class="euiPageContentBody euiPageContentBody--paddingLarge euiPageContentBody--restrictWidth-default"
-      >
-        <div
-          style="visibility: initial;"
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`UptimePageTemplateComponent styling does not apply header centering on bigger resolutions 1`] = `
-.c0 .euiPageHeaderContent > .euiFlexGroup {
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
-
-<div
-  class="euiPage euiPageTemplate c0 emotion-euiPage-row-grow"
-  style="min-height: 460px;"
->
-  <div
-    class="euiPageBody emotion-euiPageBody"
-  >
-    <div
-      class="euiPanel euiPanel--plain euiPageContent euiPageContent--borderRadiusNone emotion-euiPanel-grow-none-plain"
-      role="main"
-    >
-      <div
-        class="euiPageContentBody euiPageContentBody--paddingLarge euiPageContentBody--restrictWidth-default"
-      >
-        <div
-          style="visibility: initial;"
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/app/uptime_page_template.test.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/app/uptime_page_template.test.tsx
deleted file mode 100644
index 3cda649853248..0000000000000
--- a/x-pack/plugins/synthetics/public/legacy_uptime/app/uptime_page_template.test.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0; you may not use this file except in compliance with the Elastic License
- * 2.0.
- */
-
-// app.test.js
-import React from 'react';
-import 'jest-styled-components';
-import { render } from '../lib/helper/rtl_helpers';
-import { UptimePageTemplateComponent } from './uptime_page_template';
-import { OVERVIEW_ROUTE } from '../../../common/constants';
-
-describe('UptimePageTemplateComponent', () => {
-  describe('styling', () => {
-    // In this test we use snapshots because we're asserting on generated
-    // styles. Writing assertions manually here could make this test really
-    // convoluted, and it require us to manually update styling strings
-    // according to `styled-components` generator, which is counter-productive.
-    // In general, however, we avoid snaphshot tests.
-
-    it('does not apply header centering on bigger resolutions', () => {
-      const { container } = render(<UptimePageTemplateComponent path={OVERVIEW_ROUTE} />);
-      expect(container.firstChild).toMatchSnapshot();
-    });
-
-    it('applies the header centering on mobile', () => {
-      window.innerWidth = 600;
-      const { container } = render(<UptimePageTemplateComponent path={OVERVIEW_ROUTE} />);
-      expect(container.firstChild).toMatchSnapshot();
-    });
-  });
-});