From dac82adb5b61ed953e129b89f0db8faa6ce92af2 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Sun, 14 May 2023 18:41:11 +1000
Subject: [PATCH] fix(ui): make logo component non-selectable

---
 .../system/components/InvokeAILogoComponent.tsx       | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/src/features/system/components/InvokeAILogoComponent.tsx b/invokeai/frontend/web/src/features/system/components/InvokeAILogoComponent.tsx
index e736450563..a38a751b8b 100644
--- a/invokeai/frontend/web/src/features/system/components/InvokeAILogoComponent.tsx
+++ b/invokeai/frontend/web/src/features/system/components/InvokeAILogoComponent.tsx
@@ -17,8 +17,17 @@ const InvokeAILogoComponent = () => {
         h="32px"
         minW="32px"
         minH="32px"
+        userSelect="none"
       />
-      <Flex gap={3} display={{ base: 'inherit', sm: 'none', md: 'inherit' }}>
+      <Flex
+        gap={3}
+        display={{
+          base: 'inherit',
+          sm: 'none',
+          md: 'inherit',
+          userSelect = 'none',
+        }}
+      >
         <Text fontSize="xl">
           invoke <strong>ai</strong>
         </Text>