diff --git a/src/components/3d/PublicPreview.svelte b/src/components/3d/PublicPreview.svelte
index 9bc9cc5..03183c3 100644
--- a/src/components/3d/PublicPreview.svelte
+++ b/src/components/3d/PublicPreview.svelte
@@ -95,11 +95,12 @@
     }
 </script>
 
-<div bind:this={div} class="w-full h-full">
+<div style="height: 300px" class="w-full relative">
+    <div bind:this={div} class="w-full h-full">
 
+    </div>
+
+    <div class="w-full h-full flex justify-center absolute top-0 left-0 right-0 bottom-0" class:hidden={loaded}>
+        <slot></slot>
+    </div>
 </div>
-
-{#if !loaded}
-    <slot></slot>
-{/if}
-
diff --git a/src/pages/publics/[schem].astro b/src/pages/publics/[schem].astro
index 7af7a27..3952dcd 100644
--- a/src/pages/publics/[schem].astro
+++ b/src/pages/publics/[schem].astro
@@ -22,7 +22,7 @@ const { schem }: { schem: CollectionEntry<"publics">} = Astro.props;
 ---
 
 <PageLayout title={schem.data.name}>
-    <h1 class="text-5xl font-bold" transition:name={schem.data.name + "-title"}>{schem.data.name}</h1>
+    <h1 class="text-5xl font-bold w-fit" transition:name={schem.data.name + "-title"}>{schem.data.name}</h1>
     <PublicPreview client:idle file={schem.id}>
         <Image transition:name={schem.data.name + "-img"} src={schem.data.image} alt={schem.data.name}></Image>
     </PublicPreview>