Ensure non-form elements are correctly positioned when scale is applied (#9882)

* apply margin when scale is null

* remove console.log

* add changeset

---------

Co-authored-by: gradio-pr-bot <[email protected]>

Author: hannahblair

.changeset/shy-signs-taste.md

@@ -0,0 +1,6 @@
+---
+"@gradio/atoms": patch
+"gradio": patch
+---
+
+fix:Ensure non-form elements are correctly positioned when scale is applied

js/atoms/src/Block.svelte

@@ -59,6 +59,7 @@
 	style:flex-grow={scale}
 	style:min-width={`calc(min(${min_width}px, 100%))`}
 	style:border-width="var(--block-border-width)"
+	class:auto-margin={scale === null}
 >
 	<slot />
 </svelte:element>
@@ -74,6 +75,9 @@
 		background: var(--block-background-fill);
 		width: 100%;
 		line-height: var(--line-sm);
+	}
+
+	.auto-margin {
 		margin-left: auto;
 		margin-right: auto;
 	}