diff --git a/.changeset/poor-ads-argue.md b/.changeset/poor-ads-argue.md
new file mode 100644
index 0000000000..f3736ee242
--- /dev/null
+++ b/.changeset/poor-ads-argue.md
@@ -0,0 +1,5 @@
+---
+'@graphiql/react': patch
+---
+
+fix execute button becomes unstyled if there are several queries present
diff --git a/packages/graphiql-react/src/components/button/index.css b/packages/graphiql-react/src/components/button/index.css
index f9cf0a668b..4716869d05 100644
--- a/packages/graphiql-react/src/components/button/index.css
+++ b/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;
diff --git a/packages/graphiql-react/src/components/execute-button/index.css b/packages/graphiql-react/src/components/execute-button/index.css
index bb8aa8d8c5..3c7cfa3c34 100644
--- a/packages/graphiql-react/src/components/execute-button/index.css
+++ b/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;
diff --git a/packages/graphiql-react/src/components/execute-button/index.tsx b/packages/graphiql-react/src/components/execute-button/index.tsx
index 96e55031ed..b95f4e89c7 100644
--- a/packages/graphiql-react/src/components/execute-button/index.tsx
+++ b/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>
   );
 };