From 09a97f30edb448082150d4ad6d7bca6c31fa4253 Mon Sep 17 00:00:00 2001
From: EnixCoda <enixcoda@gmail.com>
Date: Sat, 27 Jun 2020 15:45:30 +0800
Subject: [PATCH] fix: handle long pr title

---
 src/components/MetaBar.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/MetaBar.tsx b/src/components/MetaBar.tsx
index 2c70cb3..2593dff 100644
--- a/src/components/MetaBar.tsx
+++ b/src/components/MetaBar.tsx
@@ -1,4 +1,4 @@
-import { BranchName, Breadcrumb, Flex, Grid, Text } from '@primer/components'
+import { BranchName, Breadcrumb, Flex, Text } from '@primer/components'
 import { GitBranchIcon } from '@primer/octicons-react'
 import * as React from 'react'
 
@@ -15,14 +15,14 @@ export function MetaBar({ metaData: { userName, repoName, branchName, repoUrl, u
           <Text fontWeight="bolder">{repoName}</Text>
         </Breadcrumb.Item>
       </Breadcrumb>
-      <Grid gridTemplateColumns="repeat(2, max-content)">
+      <Flex flexWrap="nowrap">
         <div className={'octicon-wrapper'}>
           <GitBranchIcon size="small" />
         </div>
         <BranchName as="span" backgroundColor="blue.0">
           {branchName}
         </BranchName>
-      </Grid>
+      </Flex>
     </Flex>
   )
 }