diff --git a/src/app/(app)/playground/@workspace/@editor/components/reset-button.tsx b/src/app/(app)/playground/@workspace/@editor/components/reset-button.tsx
index 5133e29..cbf00cc 100644
--- a/src/app/(app)/playground/@workspace/@editor/components/reset-button.tsx
+++ b/src/app/(app)/playground/@workspace/@editor/components/reset-button.tsx
@@ -1,17 +1,22 @@
 "use client";
 
-import { RotateCcw } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { useCodeEditorStore } from "@/store/useCodeEditorStore";
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
-import { DEFAULT_EDITOR_VALUE } from "@/config/editor/value";
+import { RotateCcw } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { useCodeEditorStore } from "@/store/useCodeEditorStore";
 
-export default function ResetButton() {
+interface ResetButtonProps {
+  value: string;
+}
+
+export default function ResetButton({
+  value
+}: ResetButtonProps) {
   const { editor, language } = useCodeEditorStore();
 
   return (
@@ -24,7 +29,6 @@ export default function ResetButton() {
             aria-label="Reset Code"
             onClick={() => {
               if (editor) {
-                const value = DEFAULT_EDITOR_VALUE[language];
                 const model = editor.getModel();
                 if (model) {
                   const fullRange = model.getFullModelRange();
diff --git a/src/components/mdx/code-block-with-copy.tsx b/src/components/mdx/code-block-with-copy.tsx
index 5f23281..8d88c96 100644
--- a/src/components/mdx/code-block-with-copy.tsx
+++ b/src/components/mdx/code-block-with-copy.tsx
@@ -1,9 +1,9 @@
 "use client";
 
+import { cn } from "@/lib/utils";
 import { useRef, useState } from "react";
 import { Button } from "@/components/ui/button";
 import { CheckIcon, CopyIcon } from "lucide-react";
-import { cn } from "@/lib/utils";
 
 interface CodeBlockWithCopyProps {
   children: React.ReactNode;