From 565721169fc1fbc6fde525ee44c47af4330d4ace Mon Sep 17 00:00:00 2001
From: checktheroads <matt@allroads.io>
Date: Sat, 4 Jul 2020 19:31:05 -0700
Subject: [PATCH] Fix title width issue

---
 hyperglass/ui/components/Title.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/hyperglass/ui/components/Title.js b/hyperglass/ui/components/Title.js
index 2dab795..86e9c8d 100644
--- a/hyperglass/ui/components/Title.js
+++ b/hyperglass/ui/components/Title.js
@@ -120,15 +120,17 @@ const Title = React.forwardRef(({ onClick, isSubmitting, ...props }, ref) => {
   const MatchedMode = modeMap[titleMode];
   return (
     <Button
+      px={0}
       w="100%"
       ref={ref}
       variant="link"
-      onClick={onClick}
       flexWrap="wrap"
+      flexDir="column"
+      onClick={onClick}
       _focus={{ boxShadow: "none" }}
       _hover={{ textDecoration: "none" }}
-      px={0}
       justifyContent={justifyMap[isSubmitting]}
+      alignItems={["flex-start", "flex-start", "center"]}
       {...props}
     >
       <MatchedMode