diff --git a/sites/fast-tooling-examples/app/index.html b/sites/fast-tooling-examples/app/index.html
index b15dca955f0..379878e3a90 100644
--- a/sites/fast-tooling-examples/app/index.html
+++ b/sites/fast-tooling-examples/app/index.html
@@ -15,7 +15,8 @@
                     <div class="toolbar-logo">
                         <fast-anchor href="/" appearance="lightweight">
                             <img
-                                src="<%= require('@microsoft/site-utilities/statics/assets/fast-inline-logo.svg') %>"
+                                src="<%= require('@microsoft/site-utilities/statics/assets/fast-inline-logo-light.svg') %>"
+                                style="height: 32px;"
                             />
                             <span>Tooling Examples</span>
                         </fast-anchor>
diff --git a/sites/site-utilities/src/components/logo/index.tsx b/sites/site-utilities/src/components/logo/index.tsx
index 7ea3a602c00..8eec8740ca2 100644
--- a/sites/site-utilities/src/components/logo/index.tsx
+++ b/sites/site-utilities/src/components/logo/index.tsx
@@ -14,7 +14,7 @@ const backgroundStyle = {
     justifyContent: "space-between",
     padding: "8px",
 };
-const imageStyle = { verticalAlign: "middle" };
+const imageStyle = { verticalAlign: "middle", height: "32px" };
 const spanStyle = { verticalAlign: "middle", margin: "0 10px" };
 
 export const Logo: React.FC<LogoProps> = ({