diff --git a/components/common/EmptyPlaceholder.js b/components/common/EmptyPlaceholder.js
index b5394e85..03fdacc1 100644
--- a/components/common/EmptyPlaceholder.js
+++ b/components/common/EmptyPlaceholder.js
@@ -1,13 +1,22 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Icon from 'components/common/Icon';
-import Logo from 'assets/logo.svg';
 import styles from './EmptyPlaceholder.module.css';
 
 function EmptyPlaceholder({ msg, children }) {
   return (
     <div className={styles.placeholder}>
-      <Icon className={styles.icon} icon={<Logo />} size="xlarge" />
+      <Icon
+        className={styles.icon}
+        icon={
+          <img
+            src="https://uploads-ssl.webflow.com/5ea18b09bf3bfd55814199f9/5ea18b09bf3bfda137419a00_petri_square_03.gif"
+            className={styles.logo}
+            alt="Logo"
+          />
+        }
+        size="xlarge"
+      />
       <h2 className={styles.msg}>{msg}</h2>
       {children}
     </div>
diff --git a/components/common/Icon.module.css b/components/common/Icon.module.css
index 5b431668..50d215fc 100644
--- a/components/common/Icon.module.css
+++ b/components/common/Icon.module.css
@@ -9,26 +9,31 @@
   fill: currentColor;
 }
 
+.xlarge > img,
 .xlarge > svg {
   width: 48px;
   height: 48px;
 }
 
+.large > img,
 .large > svg {
   width: 24px;
   height: 24px;
 }
 
+.medium > img,
 .medium > svg {
   width: 16px;
   height: 16px;
 }
 
+.small > img,
 .small > svg {
   width: 12px;
   height: 12px;
 }
 
+.xsmall > img,
 .xsmall > svg {
   width: 10px;
   height: 10px;
diff --git a/components/forms/LoginForm.js b/components/forms/LoginForm.js
index 8c8aa09e..4638a667 100644
--- a/components/forms/LoginForm.js
+++ b/components/forms/LoginForm.js
@@ -14,7 +14,6 @@ import Icon from 'components/common/Icon';
 import useApi from 'hooks/useApi';
 import { AUTH_TOKEN } from 'lib/constants';
 import { setUser } from 'store/app';
-import Logo from 'assets/logo.svg';
 import styles from './LoginForm.module.css';
 
 const validate = ({ username, password }) => {
@@ -76,8 +75,18 @@ export default function LoginForm() {
         {() => (
           <Form>
             <div className={styles.header}>
-              <Icon icon={<Logo />} size="xlarge" className={styles.icon} />
-              <h1 className="center">umami</h1>
+              <Icon
+                icon={
+                  <img
+                    src="https://uploads-ssl.webflow.com/5ea18b09bf3bfd55814199f9/5ea18b09bf3bfda137419a00_petri_square_03.gif"
+                    className={styles.logo}
+                    alt="Logo"
+                  />
+                }
+                size="xlarge"
+                className={styles.icon}
+              />
+              <h1 className="center">Headless Analytics</h1>
             </div>
             <FormRow>
               <label htmlFor="username">
diff --git a/components/layout/Header.js b/components/layout/Header.js
index 44641b9c..690e097f 100644
--- a/components/layout/Header.js
+++ b/components/layout/Header.js
@@ -25,9 +25,10 @@ export default function Header() {
       <header className={classNames(styles.header, 'row')}>
         <div className={styles.title}>
           <img
-          src="https://uploads-ssl.webflow.com/5ea18b09bf3bfd55814199f9/5ea18b09bf3bfda137419a00_petri_square_03.gif"
-          className={styles.logo}
-        />
+            src="https://uploads-ssl.webflow.com/5ea18b09bf3bfd55814199f9/5ea18b09bf3bfda137419a00_petri_square_03.gif"
+            className={styles.logo}
+            alt="Logo"
+          />
           <Link href={isSharePage ? HOMEPAGE_URL : '/'}>Headless Analytics</Link>
         </div>
         <HamburgerButton />
diff --git a/components/layout/Layout.js b/components/layout/Layout.js
index 2c097e41..c32bd9ee 100644
--- a/components/layout/Layout.js
+++ b/components/layout/Layout.js
@@ -10,7 +10,7 @@ export default function Layout({ title, children, header = true, footer = true }
   return (
     <>
       <Head>
-        <title>umami{title && ` - ${title}`}</title>
+        <title>Headless Analytics{title && ` - ${title}`}</title>
       </Head>
 
       {header && <Header />}
