1 files changed, 21 insertions, 13 deletions
diff --git a/packages/create-astro/src/components/Header.tsx b/packages/create-astro/src/components/Header.tsx
index 1d894a60e..0684d1b3c 100644
--- a/packages/create-astro/src/components/Header.tsx
+++ b/packages/create-astro/src/components/Header.tsx
@@ -2,19 +2,27 @@ import React from 'react';
 import { Box, Text } from 'ink';
 
 const getMessage = ({ projectName, template }) => {
-    switch (true) {
-        case !projectName: return <Text dimColor>Gathering mission details</Text>;
-        case !template: return <Text dimColor>Optimizing navigational system</Text>;
-        default: return <Text color="black" backgroundColor="white"> {projectName} </Text>
-    }
-}
+  switch (true) {
+    case !projectName:
+      return <Text dimColor>Gathering mission details</Text>;
+    case !template:
+      return <Text dimColor>Optimizing navigational system</Text>;
+    default:
+      return (
+        <Text color="black" backgroundColor="white">
+          {' '}
+          {projectName}{' '}
+        </Text>
+      );
+  }
+};
 
 const Header: React.FC<{ context: any }> = ({ context }) => (
-    <Box width={48} display="flex" marginY={1}>
-        <Text backgroundColor="#882DE7" color="white">{' astro '}</Text>
-        <Box marginLeft={1}>
-            {getMessage(context)}
-        </Box>
-    </Box>
-)
+  <Box width={48} display="flex" marginY={1}>
+    <Text backgroundColor="#882DE7" color="white">
+      {' astro '}
+    </Text>
+    <Box marginLeft={1}>{getMessage(context)}</Box>
+  </Box>
+);
 export default Header;