diff --git a/frontend/app/components/CreateExtractor.tsx b/frontend/app/components/CreateExtractor.tsx
index b22074e..9790eef 100644
--- a/frontend/app/components/CreateExtractor.tsx
+++ b/frontend/app/components/CreateExtractor.tsx
@@ -139,7 +139,8 @@ const CreateExtractor = ({}) => {
             type="submit"
             icon={<Icon as={ChatBubbleBottomCenterTextIcon} />}
             aria-label="OK"
-            colorScheme="blue"
+            colorScheme={userInput === "" ? "gray" : "blue"}
+            disabled={userInput === ""}
           />
         )}
       </form>