diff --git a/src/system-selectors.css b/src/system-selectors.css
index 3308910..408d648 100644
--- a/src/system-selectors.css
+++ b/src/system-selectors.css
@@ -361,8 +361,9 @@
 	textarea,
 	select,
 	input {
-		padding: var(--system-spacing-interactive);
-		margin-block-end: 1ex;
+		padding-block: var(--system-spacing-interactive-block);
+		padding-inline: var(--system-spacing-interactive-inline);
+		margin-block-end: var(--system-spacing-interactive-block);
 		background: var(--system-field);
 		color: var(--system-field-text);
 		border: var(--system-stroke-thin) solid var(--system-button-border);
diff --git a/src/system-spacing.css b/src/system-spacing.css
index f1cdadb..bf7d22f 100644
--- a/src/system-spacing.css
+++ b/src/system-spacing.css
@@ -35,8 +35,8 @@
 		/* ELEMENTS (Flow: inline / block) */
 		--_interactive-block-size: calc(var(--system-spacing-element-block) * 1.5);
 		--_interactive-inline-size: calc(var(--system-spacing-element-inline) * 2.75);
-		--system-spacing-interactive-block: 0.8ex;
-		--system-spacing-interactive-inline: 1.5ch;
+		--system-spacing-interactive-block: var(--_interactive-block-size, 0.8ex);
+		--system-spacing-interactive-inline: var(--_interactive-inline-size, 1.5ch);
 		--system-spacing-interactive: var(--system-spacing-interactive-block) var(--system-spacing-interactive-inline);
 	}
 }
diff --git a/vite.config.js b/vite.config.js
index 23595f5..6b76998 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -4,11 +4,6 @@ import postcssNesting from 'postcss-nesting';
 
 export default defineConfig({
 	base: '/system.css/',
-	// css: {
-	// 	postcss: {
-	// 		plugins: [postcssNesting],
-	// 	},
-	// },
 	build: {
 		minify: true,
 		rollupOptions: {