diff --git a/frontend/src/components/Playground/graphiql.jsx b/frontend/src/components/Playground/graphiql.jsx
index 577a7436b..3fe74f048 100644
--- a/frontend/src/components/Playground/graphiql.jsx
+++ b/frontend/src/components/Playground/graphiql.jsx
@@ -1,12 +1,14 @@
-import GraphiQL from "graphiql";
+import { useState } from "react";
 import { sessionStorage } from "near-social-bridge";
-import "graphiql/graphiql.min.css";
+import GraphiQL from "graphiql";
 import { useExplorerPlugin } from '@graphiql/plugin-explorer';
 import '@graphiql/plugin-explorer/dist/style.css';
+import "graphiql/graphiql.min.css";
+
 const HASURA_ENDPOINT =
   process.env.NEXT_PUBLIC_HASURA_ENDPOINT ||
   "https://queryapi-hasura-graphql-24ktefolwq-ew.a.run.app/v1/graphql";
-import { useState } from "react";
+
 const graphQLFetcher = async (graphQLParams, accountId) => {
   const response = await fetch(HASURA_ENDPOINT, {
     method: "post",