diff --git a/src/components/NPPlayground.tsx b/src/components/NPPlayground.tsx
index d79b820..b9c1b18 100644
--- a/src/components/NPPlayground.tsx
+++ b/src/components/NPPlayground.tsx
@@ -13,7 +13,7 @@ function NPPlayground({ opts, npIn }: {
     const [np, setNp] = useState<T.NPSelection | undefined>(npIn);
     console.log({ np });
     return <div className="d-flex flex-column align-items-center">
-        <div style={{ maxWidth: "225px", marginBottom: "2rem", overflowX: "auto" }}>
+        <div style={{ maxWidth: "225px", marginBottom: "2rem" }}>
             <NPPicker
                 opts={opts}
                 np={np}
diff --git a/src/components/phrase-diagram/PhraseDiagram.tsx b/src/components/phrase-diagram/PhraseDiagram.tsx
index a784fc9..f3b7d1c 100644
--- a/src/components/phrase-diagram/PhraseDiagram.tsx
+++ b/src/components/phrase-diagram/PhraseDiagram.tsx
@@ -9,7 +9,7 @@ function PhraseDiagram({ opts, children }: {
     opts: T.TextOptions,
     children: BlockInput[]
 }) {
-    return <div style={{ width: "100%", overflowX: "visible" }}>
+    return <div>
          <div className="d-flex flex-row justify-content-center" style={{ maxWidth: "100%" }}>
             {children.map((block) => (
                 <Block key={Math.random()} opts={opts}>{block}</Block>