scale logo

Author: thedannywahl

packages/nutritionfacts/src/App.tsx

@@ -73,25 +73,24 @@ const App: FC = () => {
 					background={isDark ? "brand" : "secondary"}
 					padding={isInIframe ? "0" : "large"}
 					themeOverride={{ backgroundBrand: colors.instructure }}
-					data-print="no-padding, no-background"
 				>
 					{!isInIframe && (
 						<View
 							as="div"
 							margin="0 auto"
 							maxWidth={isInIframe ? "670px" : "56rem"}
 							padding="0 0 medium"
-							data-print="no-background, max-height, no padding"
 						>
-							<Flex data-print="hidden">
-								<Flex.Item shouldGrow shouldShrink>
+							<Flex>
+								<Flex.Item shouldGrow shouldShrink >
+									<View withVisualDebug minHeight="2.5rem" display="inline-flex" as="div" style={{alignContent: "center"}}>
 									<InlineSVG
-										height="2.5rem"
-										inline={false}
+										height="auto"
 										src={isDark ? LogoDark : Logo}
 										title="Instructure"
-										width="auto"
+										width="100%"
 									/>
+									</View>
 								</Flex.Item>
 								{product.id && product.id.length > 0 && (
 									<Flex.Item>