diff --git a/packages/core/components/Puck/components/Fields/index.tsx b/packages/core/components/Puck/components/Fields/index.tsx
index 2ea30c45c0..1e14b7e069 100644
--- a/packages/core/components/Puck/components/Fields/index.tsx
+++ b/packages/core/components/Puck/components/Fields/index.tsx
@@ -278,7 +278,9 @@ export const Fields = () => {
       </Wrapper>
       {isLoading && (
         <div className={getClassName("loadingOverlay")}>
-          <Loader size={32} />
+          <div className={getClassName("loadingOverlayInner")}>
+            <Loader size={16} />
+          </div>
         </div>
       )}
     </form>
diff --git a/packages/core/components/Puck/components/Fields/styles.module.css b/packages/core/components/Puck/components/Fields/styles.module.css
index 2b783445e9..4594a1c38a 100644
--- a/packages/core/components/Puck/components/Fields/styles.module.css
+++ b/packages/core/components/Puck/components/Fields/styles.module.css
@@ -1,5 +1,4 @@
 .PuckFields {
-  position: relative;
   font-family: var(--puck-font-family);
 }
 
@@ -10,14 +9,21 @@
 .PuckFields-loadingOverlay {
   background: var(--puck-color-white);
   display: flex;
-  justify-content: center;
-  align-items: center;
+  justify-content: flex-end;
+  align-items: flex-start;
   height: 100%;
   width: 100%;
-  top: 0;
+  top: 0px;
   position: absolute;
   z-index: 1;
   pointer-events: all;
   box-sizing: border-box;
   opacity: 0.8;
 }
+
+.PuckFields-loadingOverlayInner {
+  display: flex;
+  padding: 16px;
+  position: sticky;
+  top: 0;
+}