diff --git a/hyperglass/ui/components/greeting/greeting.tsx b/hyperglass/ui/components/greeting/greeting.tsx index 5769278..bab1b62 100644 --- a/hyperglass/ui/components/greeting/greeting.tsx +++ b/hyperglass/ui/components/greeting/greeting.tsx @@ -45,9 +45,9 @@ export const Greeting = (props: TGreeting) => { size="lg" isCentered onClose={handleClose} + isOpen={isOpen.value} motionPreset="slideInBottom" closeOnEsc={web.greeting.required} - isOpen={isOpen.value} closeOnOverlayClick={web.greeting.required}> { don't do this. Without the below fix, the logo will appear gigantic, filling the entire div up to the parent's max-width. The fix is to hard-code a flex-basis width. */ - flexBasis={{ base: '100%', lg: '33%' }} + flexBasis={{ base: '100%', lg: isSafari ? '33%' : '100%' }} mt={[null, isSubmitting.value ? null : 'auto']} {...rest}>