fix execute button becomes unstyled if there are several queries present (#4037)

Author: dimaMachina

.changeset/poor-ads-argue.md

@@ -0,0 +1,5 @@
+---
+'@graphiql/react': patch
+---
+
+fix execute button becomes unstyled if there are several queries present

packages/graphiql-react/src/components/button/index.css

@@ -1,5 +1,4 @@
-.graphiql-un-styled,
-button.graphiql-un-styled {
+.graphiql-un-styled {
   all: unset;
   border-radius: var(--border-radius-4);
   cursor: pointer;

packages/graphiql-react/src/components/execute-button/index.css

@@ -1,7 +1,3 @@
-.graphiql-execute-button-wrapper {
-  position: relative;
-}
-
 button.graphiql-execute-button {
   background-color: hsl(var(--color-primary));
   border: none;

packages/graphiql-react/src/components/execute-button/index.tsx

@@ -63,16 +63,7 @@ export const ExecuteButton: FC = () => {
     </DropdownMenu>
   ) : (
     <Tooltip label={label}>
-      <button
-        {...buttonProps}
-        onClick={() => {
-          if (isRunning) {
-            stop();
-          } else {
-            run();
-          }
-        }}
-      />
+      <button {...buttonProps} onClick={isRunning ? stop : run} />
     </Tooltip>
   );
 };