diff --git a/website/src/components/PlaygroundFeatures/ConfigBar.tsx b/website/src/components/PlaygroundFeatures/ConfigBar.tsx
index 94712b0c..6c4a7265 100644
--- a/website/src/components/PlaygroundFeatures/ConfigBar.tsx
+++ b/website/src/components/PlaygroundFeatures/ConfigBar.tsx
@@ -2,7 +2,6 @@ import React from "react";
 import store, {
   getNullableByDefault,
   getOutputOption,
-  getShowGratsDirectives,
   useAppSelector,
 } from "./store";
 import FormatButton from "./FormatButton";
@@ -11,7 +10,6 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 
 export default function ConfigBar(): JSX.Element {
   const nullableByDefault = useAppSelector(getNullableByDefault);
-  const showGratsDirectives = useAppSelector(getShowGratsDirectives);
   const outputOption = useAppSelector(getOutputOption);
   const { gitHash } = useDocusaurusContext().siteConfig.customFields as {
     gitHash: string;
@@ -71,21 +69,6 @@ export default function ConfigBar(): JSX.Element {
               <option value="resolverSignatures">Metadata</option>
             </select>
           </Label>
-          {outputOption === "sdl" && (
-            <Label>
-              <input
-                checked={showGratsDirectives}
-                type="checkbox"
-                onChange={(e) => {
-                  store.dispatch({
-                    type: "SHOW_GRATS_DIRECTIVE_INPUT_CHANGED",
-                    value: e.target.checked,
-                  });
-                }}
-              />
-              Show Grats directives
-            </Label>
-          )}
         </ConfigBlock>
         <div
           style={{