diff --git a/components/select/src/vwc-select.scss b/components/select/src/vwc-select.scss
index 335f709866..5884b398b1 100644
--- a/components/select/src/vwc-select.scss
+++ b/components/select/src/vwc-select.scss
@@ -115,7 +115,7 @@ $vvd-select-size-block: --vvd-select-size-block;
 			transform: none;
 		}
 		&:not(.mdc-select--no-label) {
-			padding-top: 24px;
+			margin-top: 24px;
 		}
 	}
 	#{$vvd-select-size-block}: 40px;
diff --git a/ui-tests/snapshots/vwc-select.png b/ui-tests/snapshots/vwc-select.png
index 5fde47f381..f49dd52dae 100644
Binary files a/ui-tests/snapshots/vwc-select.png and b/ui-tests/snapshots/vwc-select.png differ
diff --git a/ui-tests/tests/vwc-select/index.js b/ui-tests/tests/vwc-select/index.js
index faf26d6fcf..20182e3c87 100644
--- a/ui-tests/tests/vwc-select/index.js
+++ b/ui-tests/tests/vwc-select/index.js
@@ -53,6 +53,7 @@ export async function createElementVariations(wrapper) {
   </vwc-list-item>
 </vwc-select>
 <hr>
+<div style="background-color: rebeccapurple">
 	<vwc-select label="VWC Select" helper="Helper Text" dense>
   <vwc-list-item
     mwc-list-item=""
@@ -100,6 +101,7 @@ export async function createElementVariations(wrapper) {
     Item 3
   </vwc-list-item>
 </vwc-select de>
+</div>
 <hr>
 <div style="display: flex; align-items: flex-start;">
 <p style="margin: 0; padding-right: 1rem;">Dense-with label</p>