diff --git a/src/core/client/admin/test/invite/__snapshots__/invite.spec.tsx.snap b/src/core/client/admin/test/invite/__snapshots__/invite.spec.tsx.snap
index 4d5d3a0a0..4923bb4d3 100644
--- a/src/core/client/admin/test/invite/__snapshots__/invite.spec.tsx.snap
+++ b/src/core/client/admin/test/invite/__snapshots__/invite.spec.tsx.snap
@@ -23,127 +23,11 @@ exports[`renders form 1`] = `
>
Coral
-
+ src="logo@2x.png"
+ />
@@ -314,127 +198,11 @@ exports[`renders missing the token 1`] = `
>
Coral
-
+ src="logo@2x.png"
+ />
diff --git a/src/core/client/ui/components/Brand/LogoHorizontal.css b/src/core/client/ui/components/Brand/LogoHorizontal.css
index 314c00e26..03d74e73b 100644
--- a/src/core/client/ui/components/Brand/LogoHorizontal.css
+++ b/src/core/client/ui/components/Brand/LogoHorizontal.css
@@ -3,9 +3,9 @@
width: 89px;
}
-.hiddenTitle {
+.hiddenTitle {
position: absolute !important;
- height: 1px;
+ height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
diff --git a/src/core/client/ui/components/Brand/LogoHorizontal.tsx b/src/core/client/ui/components/Brand/LogoHorizontal.tsx
index 6b32bb156..00cfe2da9 100644
--- a/src/core/client/ui/components/Brand/LogoHorizontal.tsx
+++ b/src/core/client/ui/components/Brand/LogoHorizontal.tsx
@@ -2,7 +2,7 @@ import { Localized } from "@fluent/react/compat";
import React, { FunctionComponent } from "react";
import { withStyles } from "coral-ui/hocs";
-
+import logo2x from "./logo@2x.png";
import styles from "./LogoHorizontal.css";
interface Props {
@@ -23,113 +23,7 @@ const LogoHorizontal: FunctionComponent = ({
Coral
-
+
>
);
LogoHorizontal.defaultProps = {
diff --git a/src/core/client/ui/components/Brand/logo@2x.png b/src/core/client/ui/components/Brand/logo@2x.png
new file mode 100644
index 000000000..4d3505433
Binary files /dev/null and b/src/core/client/ui/components/Brand/logo@2x.png differ