diff --git a/.changeset/light-insects-sort.md b/.changeset/light-insects-sort.md
new file mode 100644
index 0000000000..52f0dd8757
--- /dev/null
+++ b/.changeset/light-insects-sort.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-api-docs': patch
+---
+
+Include the GraphiQL stylesheet
diff --git a/plugins/api-docs/src/components/GraphQlDefinitionWidget/GraphQlDefinitionWidget.tsx b/plugins/api-docs/src/components/GraphQlDefinitionWidget/GraphQlDefinitionWidget.tsx
index 7e01df1460..56d6914f5b 100644
--- a/plugins/api-docs/src/components/GraphQlDefinitionWidget/GraphQlDefinitionWidget.tsx
+++ b/plugins/api-docs/src/components/GraphQlDefinitionWidget/GraphQlDefinitionWidget.tsx
@@ -14,11 +14,12 @@
  * limitations under the License.
  */
 
-import React, { Suspense } from 'react';
-import { buildSchema } from 'graphql';
-import { makeStyles } from '@material-ui/core/styles';
 import { Progress } from '@backstage/core';
 import { BackstageTheme } from '@backstage/theme';
+import { makeStyles } from '@material-ui/core/styles';
+import 'graphiql/graphiql.css';
+import { buildSchema } from 'graphql';
+import React, { Suspense } from 'react';
 
 const GraphiQL = React.lazy(() => import('graphiql'));