diff --git a/client/src/components/Artifacts/Artifact.tsx b/client/src/components/Artifacts/Artifact.tsx
index 481d150f84..ed4da238e8 100644
--- a/client/src/components/Artifacts/Artifact.tsx
+++ b/client/src/components/Artifacts/Artifact.tsx
@@ -5,7 +5,7 @@ import { useSetRecoilState, useRecoilValue } from 'recoil';
 import type { Pluggable } from 'unified';
 import type { Artifact } from '~/common';
 import { artifactsState, artifactIdsState } from '~/store/artifacts';
-import CodePreview from './CodePreview';
+import ArtifactButton from './ArtifactButton';
 import { logger } from '~/utils';
 
 export const artifactPlugin: Pluggable = () => {
@@ -118,5 +118,5 @@ export function Artifact({
     updateArtifact();
   }, [updateArtifact]);
 
-  return <CodePreview artifact={artifact} />;
+  return <ArtifactButton artifact={artifact} />;
 }
diff --git a/client/src/components/Artifacts/CodePreview.tsx b/client/src/components/Artifacts/ArtifactButton.tsx
similarity index 92%
rename from client/src/components/Artifacts/CodePreview.tsx
rename to client/src/components/Artifacts/ArtifactButton.tsx
index 5e0c0489c0..7c3a143167 100644
--- a/client/src/components/Artifacts/CodePreview.tsx
+++ b/client/src/components/Artifacts/ArtifactButton.tsx
@@ -5,7 +5,7 @@ import { useLocalize } from '~/hooks';
 import { getFileType } from '~/utils';
 import store from '~/store';
 
-const CodePreview = ({ artifact }: { artifact: Artifact | null }) => {
+const ArtifactButton = ({ artifact }: { artifact: Artifact | null }) => {
   const localize = useLocalize();
   const setArtifactId = useSetRecoilState(store.currentArtifactId);
   if (artifact === null || artifact === undefined) {
@@ -36,4 +36,4 @@ const CodePreview = ({ artifact }: { artifact: Artifact | null }) => {
   );
 };
 
-export default CodePreview;
+export default ArtifactButton;