diff --git a/packages/lexical-playground/src/Editor.tsx b/packages/lexical-playground/src/Editor.tsx
index 257e736ac12..15f7b8e9d83 100644
--- a/packages/lexical-playground/src/Editor.tsx
+++ b/packages/lexical-playground/src/Editor.tsx
@@ -188,8 +188,8 @@ export default function Editor(): JSX.Element {
         <div className="toc">
           {showTableOfContents && <TableOfContentsPlugin />}
         </div>
+        <ActionsPlugin isRichText={isRichText} />
       </div>
-      <ActionsPlugin isRichText={isRichText} showTreeView={showTreeView} />
       {showTreeView && <TreeViewPlugin />}
     </>
   );
diff --git a/packages/lexical-playground/src/index.css b/packages/lexical-playground/src/index.css
index 7013b8e595b..fc0648cf765 100644
--- a/packages/lexical-playground/src/index.css
+++ b/packages/lexical-playground/src/index.css
@@ -1071,12 +1071,11 @@ i.prettier-error {
 }
 
 .actions {
-  position: relative;
+  position: absolute;
   text-align: right;
   padding: 10px;
-  border-bottom-left-radius: 10px;
-  border-bottom-right-radius: 10px;
-  background: #fff;
+  bottom: 0;
+  right: 0;
 }
 
 .actions.tree-view {
diff --git a/packages/lexical-playground/src/plugins/ActionsPlugin/index.tsx b/packages/lexical-playground/src/plugins/ActionsPlugin/index.tsx
index 58ac6f867e1..f7dbcd16da1 100644
--- a/packages/lexical-playground/src/plugins/ActionsPlugin/index.tsx
+++ b/packages/lexical-playground/src/plugins/ActionsPlugin/index.tsx
@@ -38,10 +38,8 @@ import {
 
 export default function ActionsPlugin({
   isRichText,
-  showTreeView,
 }: {
   isRichText: boolean;
-  showTreeView: boolean;
 }): JSX.Element {
   const [editor] = useLexicalComposerContext();
   const [isReadOnly, setIsReadOnly] = useState(() => editor.isReadOnly());
@@ -110,7 +108,7 @@ export default function ActionsPlugin({
   }, [editor]);
 
   return (
-    <div className={`actions ${showTreeView ? 'tree-view' : ''}`}>
+    <div className="actions">
       {SUPPORT_SPEECH_RECOGNITION && (
         <button
           onClick={() => {