diff --git a/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewContext.tsx b/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewContext.tsx
index f68b57d1922..4732555d82a 100644
--- a/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewContext.tsx
+++ b/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewContext.tsx
@@ -4,19 +4,21 @@ import { noop } from 'lodash'
 import { PropsWithChildren, createContext, useContext, useEffect, useState } from 'react'
 import { APISidePanelPreview } from './APISidePanelPreview'
 import { CLSPreview } from './CLSPreview'
+import { SqlEditorTabsPreview } from './SqlEditorTabs'
+import { TableEditorTabsPreview } from './TableEditorTabs'
 
 export const FEATURE_PREVIEWS = [
   {
     key: LOCAL_STORAGE_KEYS.UI_TABLE_EDITOR_TABS,
     name: 'Table Editor tabs',
-    content: <CLSPreview />,
+    content: <TableEditorTabsPreview />,
     discussionsUrl: 'https://github.com/orgs/supabase/discussions/20295',
     isNew: true,
   },
   {
     key: LOCAL_STORAGE_KEYS.UI_SQL_EDITOR_TABS,
     name: 'SQL Editor tabs',
-    content: <CLSPreview />,
+    content: <SqlEditorTabsPreview />,
     discussionsUrl: 'https://github.com/orgs/supabase/discussions/20295',
     isNew: true,
   },
diff --git a/apps/studio/components/interfaces/App/FeaturePreview/SqlEditorTabs.tsx b/apps/studio/components/interfaces/App/FeaturePreview/SqlEditorTabs.tsx
index 36049a19a35..4c13b7e3bec 100644
--- a/apps/studio/components/interfaces/App/FeaturePreview/SqlEditorTabs.tsx
+++ b/apps/studio/components/interfaces/App/FeaturePreview/SqlEditorTabs.tsx
@@ -1,11 +1,8 @@
-import { useParams } from 'common'
 import { Markdown } from 'components/interfaces/Markdown'
 import { BASE_PATH } from 'lib/constants'
 import Image from 'next/image'
 
 export const SqlEditorTabsPreview = () => {
-  const { ref } = useParams()
-
   return (
     <div className="space-y-2">
       <Markdown
@@ -13,7 +10,7 @@ export const SqlEditorTabsPreview = () => {
         content={`The SQL Editor now features tabs for improved navigation and organization.`}
       />
       <Image
-        src={`${BASE_PATH}/img/previews/api-docs-preview.png`}
+        src={`${BASE_PATH}/img/previews/tabs-sql.png`}
         width={1860}
         height={970}
         alt="api-docs-side-panel-preview"
diff --git a/apps/studio/components/interfaces/App/FeaturePreview/TableEditorTabs.tsx b/apps/studio/components/interfaces/App/FeaturePreview/TableEditorTabs.tsx
index 0e22e0e0ea5..212657c1b44 100644
--- a/apps/studio/components/interfaces/App/FeaturePreview/TableEditorTabs.tsx
+++ b/apps/studio/components/interfaces/App/FeaturePreview/TableEditorTabs.tsx
@@ -1,11 +1,7 @@
-import { useParams } from 'common'
-import { Markdown } from 'components/interfaces/Markdown'
 import { BASE_PATH } from 'lib/constants'
 import Image from 'next/image'
 
 export const TableEditorTabsPreview = () => {
-  const { ref } = useParams()
-
   return (
     <div className="space-y-2">
       <p className="text-foreground-light text-sm mb-4">
@@ -14,27 +10,12 @@ export const TableEditorTabsPreview = () => {
         thinking, more building.
       </p>
       <Image
-        src={`${BASE_PATH}/img/previews/api-docs-preview.png`}
+        src={`${BASE_PATH}/img/previews/tabs-editor.png`}
         width={1860}
         height={970}
         alt="api-docs-side-panel-preview"
         className="rounded border"
       />
-      <div className="space-y-2 !mt-4">
-        <p className="text-sm">Enabling this preview will:</p>
-        <ul className="list-disc pl-6 text-sm text-foreground-light space-y-1">
-          <li>
-            Replace the original API documentation page with a global API documentation side panel
-            that can be accessed anywhere while in a project.
-          </li>
-          <li>
-            <Markdown
-              className="text-foreground-light"
-              content={`Move the GraphiQL interface the Database section of the dashboard [here](/project/${ref}/database/graphiql).`}
-            />
-          </li>
-        </ul>
-      </div>
     </div>
   )
 }
diff --git a/apps/studio/public/img/previews/api-docs-preview.png b/apps/studio/public/img/previews/api-docs-preview.png
index 64a9ce7a06c..d7c715a6733 100644
Binary files a/apps/studio/public/img/previews/api-docs-preview.png and b/apps/studio/public/img/previews/api-docs-preview.png differ
diff --git a/apps/studio/public/img/previews/assistant-v2.png b/apps/studio/public/img/previews/assistant-v2.png
index 02d697fd934..f30a43eeb30 100644
Binary files a/apps/studio/public/img/previews/assistant-v2.png and b/apps/studio/public/img/previews/assistant-v2.png differ
diff --git a/apps/studio/public/img/previews/cls-preview.png b/apps/studio/public/img/previews/cls-preview.png
index 85c3d2c8196..daacc2793bc 100644
Binary files a/apps/studio/public/img/previews/cls-preview.png and b/apps/studio/public/img/previews/cls-preview.png differ
diff --git a/apps/studio/public/img/previews/rls-ai-assistant-preview.png b/apps/studio/public/img/previews/rls-ai-assistant-preview.png
index de1875f1fa7..4c646ff445b 100644
Binary files a/apps/studio/public/img/previews/rls-ai-assistant-preview.png and b/apps/studio/public/img/previews/rls-ai-assistant-preview.png differ
diff --git a/apps/studio/public/img/previews/tabs-editor.png b/apps/studio/public/img/previews/tabs-editor.png
new file mode 100644
index 00000000000..e040742c864
Binary files /dev/null and b/apps/studio/public/img/previews/tabs-editor.png differ
diff --git a/apps/studio/public/img/previews/tabs-sql.png b/apps/studio/public/img/previews/tabs-sql.png
new file mode 100644
index 00000000000..c20bf073e14
Binary files /dev/null and b/apps/studio/public/img/previews/tabs-sql.png differ