diff --git a/frontend/src/components/section/index.js b/frontend/src/components/section/index.js
index d6314a33..c5035cef 100644
--- a/frontend/src/components/section/index.js
+++ b/frontend/src/components/section/index.js
@@ -30,13 +30,19 @@ const Section = (props) => {
     links = []
   } = props;
 
-  const navLinks = links.map((link) => (
-    <StyledHorizontalListItem key={link.name}>
-      <NavLink activeClassName='active' to={link.pathname}>
-        <FormattedMessage id={link.name} />
-      </NavLink>
-    </StyledHorizontalListItem>
-  ));
+  const navLinks = links.map((link) => {
+    const to = link.name === 'instances' ?
+      // eslint-disable-next-line max-len
+      'https://projects.invisionapp.com/share/YDAKI8CW4#/screens/224677771_instances' :
+      link.pathname;
+    return (
+      <StyledHorizontalListItem key={link.name}>
+        <NavLink activeClassName='active' to={to}>
+          <FormattedMessage id={link.name} />
+        </NavLink>
+      </StyledHorizontalListItem>
+    );
+  });
 
   return (
     <div>
diff --git a/frontend/src/components/services/tooltip.js b/frontend/src/components/services/tooltip.js
index 25d7facd..0a16ccb0 100644
--- a/frontend/src/components/services/tooltip.js
+++ b/frontend/src/components/services/tooltip.js
@@ -5,10 +5,14 @@ const ServicesTooltip = ({
   show,
   position
 }) => {
+  // eslint-disable-next-line max-len
+  const scaleLink = 'https://projects.invisionapp.com/share/YDAKI8CW4#/screens/221841542_Deployed_Services_1-8';
   return show ? (
     <Tooltip {...position}>
       <li>
-        <TooltipButton>Scale</TooltipButton>
+        <TooltipButton href={scaleLink}>
+          Scale
+        </TooltipButton>
       </li>
       <li>
         <TooltipButton>Rollback</TooltipButton>
diff --git a/frontend/src/resources/triton_logo_dark.png b/frontend/src/resources/triton_logo_dark.png
new file mode 100644
index 00000000..53aa24f8
Binary files /dev/null and b/frontend/src/resources/triton_logo_dark.png differ