diff --git a/src/components/code-editor.tsx b/src/components/code-editor.tsx
index 4b35eba..884e2ff 100644
--- a/src/components/code-editor.tsx
+++ b/src/components/code-editor.tsx
@@ -27,7 +27,11 @@ const Editor = dynamic(
   },
   {
     ssr: false,
-    loading: () => <Skeleton className="h-full w-full" />,
+    loading: () => (
+      <div className="h-full w-full p-10 pt-2">
+        <Skeleton className="h-full w-full rounded-3xl" />
+      </div>
+    ),
   }
 );