diff --git a/app/components/Sidebar/components/HeaderBlock.js b/app/components/Sidebar/components/HeaderBlock.js
index d0cd1e12e..1786c2fcf 100644
--- a/app/components/Sidebar/components/HeaderBlock.js
+++ b/app/components/Sidebar/components/HeaderBlock.js
@@ -16,7 +16,12 @@ const HeaderBlock = React.forwardRef<Props, any>(
   ({ showDisclosure, teamName, subheading, logoUrl, ...rest }: Props, ref) => {
     return (
       <Header justify="flex-start" align="center" ref={ref} {...rest}>
-        <TeamLogo alt={`${teamName} logo`} src={logoUrl} size="38px" />
+        <TeamLogo
+          alt={`${teamName} logo`}
+          src={logoUrl}
+          width={38}
+          height={38}
+        />
         <Flex align="flex-start" column>
           <TeamName showDisclosure>
             {teamName}{" "}
diff --git a/app/components/TeamLogo.js b/app/components/TeamLogo.js
index 400c7f2f4..ae703ac77 100644
--- a/app/components/TeamLogo.js
+++ b/app/components/TeamLogo.js
@@ -2,8 +2,10 @@
 import styled from "styled-components";
 
 const TeamLogo = styled.img`
-  width: ${(props) => props.size || "auto"};
-  height: ${(props) => props.size || "38px"};
+  width: ${(props) =>
+    props.width ? `${props.width}px` : props.size || "auto"};
+  height: ${(props) =>
+    props.height ? `${props.height}px` : props.size || "38px"};
   border-radius: 4px;
   background: ${(props) => props.theme.background};
   border: 1px solid ${(props) => props.theme.divider};