diff --git a/resources/js/modules/editor/partials/editor-controls.jsx b/resources/js/modules/editor/partials/editor-controls.jsx
index f79bd85..ed1dd14 100644
--- a/resources/js/modules/editor/partials/editor-controls.jsx
+++ b/resources/js/modules/editor/partials/editor-controls.jsx
@@ -4,7 +4,7 @@ import { Button } from '@/components/ui/button';
 import { cn } from '@/lib/utils';
 import { useMitt } from '@/plugins/MittContext';
 import useVideoEditorStore from '@/stores/VideoEditorStore';
-import { Download, Edit3, GraduationCap, Play, Share2, Square } from 'lucide-react';
+import { Download, GraduationCap, Play, Square, SquarePen } from 'lucide-react';
 
 const EditorControls = ({ className = '', onEditClick = () => {}, isEditActive = false }) => {
     const { videoIsPlaying } = useVideoEditorStore();
@@ -51,15 +51,19 @@ const EditorControls = ({ className = '', onEditClick = () => {}, isEditActive =
                 className="h-12 w-12 rounded-full border shadow-sm"
                 onClick={onEditClick}
             >
-                <Edit3 className={`h-8 w-8 ${isEditActive ? 'text-white' : ''}`} />
+                <SquarePen className={`h-8 w-8 ${isEditActive ? 'text-white' : ''}`} />
             </Button>
 
             <Button onClick={handleDownloadButton} variant="outline" size="icon" className="h-12 w-12 rounded-full border shadow-sm">
                 <Download className="h-8 w-8" />
             </Button>
 
-            <Button variant="outline" size="icon" className="h-12 w-12 rounded-full border shadow-sm">
+            {/* <Button variant="outline" size="icon" className="h-12 w-12 rounded-full border shadow-sm">
                 <Share2 className="h-8 w-8" />
+            </Button> */}
+
+            <Button variant="outline" size="icon" className="font-display h-12 w-12 rounded-full border font-bold shadow-sm">
+                AI
             </Button>
 
             <Button variant="outline" size="icon" className="h-12 w-12 rounded-full border shadow-sm">
diff --git a/resources/js/pages/home/home.tsx b/resources/js/pages/home/home.tsx
index 7c2fcd3..f1f5658 100644
--- a/resources/js/pages/home/home.tsx
+++ b/resources/js/pages/home/home.tsx
@@ -6,6 +6,7 @@ const Home = () => {
     return (
         <div className="min-h-screen bg-neutral-50 dark:bg-black">
             <Editor />
+            {/* <div className="dark:bg-neutral-800">What is MEMEAIGEN?</div> */}
             <FlashMessages />
             <AuthUser />
         </div>