diff --git a/packages/my-joy-beta/src/assets/triton_logo.png b/packages/my-joy-beta/src/assets/triton_logo.png
deleted file mode 100644
index a4ec2e75..00000000
Binary files a/packages/my-joy-beta/src/assets/triton_logo.png and /dev/null differ
diff --git a/packages/my-joy-beta/src/assets/triton_logo_dark.png b/packages/my-joy-beta/src/assets/triton_logo_dark.png
deleted file mode 100644
index ccf801cc..00000000
Binary files a/packages/my-joy-beta/src/assets/triton_logo_dark.png and /dev/null differ
diff --git a/packages/my-joy-beta/src/components/navigation/header.js b/packages/my-joy-beta/src/components/navigation/header.js
index a7d23053..4a00634a 100644
--- a/packages/my-joy-beta/src/components/navigation/header.js
+++ b/packages/my-joy-beta/src/components/navigation/header.js
@@ -1,22 +1,19 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
-import { Img } from 'normalized-styled-components';
-import remcalc from 'remcalc';
 
-import Logo from '@assets/triton_logo.png';
-import { Header, HeaderBrand, ViewContainer } from 'joyent-ui-toolkit';
-
-const StyledLogo = Img.extend`
-  width: ${remcalc(87)};
-  height: ${remcalc(25)};
-`;
+import {
+  Header,
+  HeaderBrand,
+  ViewContainer,
+  TritonIcon
+} from 'joyent-ui-toolkit';
 
 export default () => (
   <Header>
     <ViewContainer>
       <HeaderBrand>
         <Link to="/">
-          <StyledLogo src={Logo} alt="Triton" />
+          <TritonIcon alt="Triton" />
         </Link>
       </HeaderBrand>
     </ViewContainer>
diff --git a/packages/ui-toolkit/src/header/brand.js b/packages/ui-toolkit/src/header/brand.js
index 52687763..5698f16e 100644
--- a/packages/ui-toolkit/src/header/brand.js
+++ b/packages/ui-toolkit/src/header/brand.js
@@ -16,7 +16,7 @@ const Box = styled.div`
   align-self: stretch;
   order: 0;
 
-  padding: ${remcalc(13.5)} 0;
+  padding: ${remcalc(11)} 0;
 `;
 
 export default ({ children, ...rest }) => (