diff --git a/src/BetterSelect.css b/src/BetterSelect.css
index 83e0cf0..7e8ae72 100644
--- a/src/BetterSelect.css
+++ b/src/BetterSelect.css
@@ -48,6 +48,10 @@ better-select {
 		display: none;
 	}
 
+	&::part(placeholder) {
+		min-height: 1.4em;
+	}
+
 	&.search::part(search) {
 		display: block;
 	}
diff --git a/src/BetterSelect.js b/src/BetterSelect.js
index 7ea9160..6606c2a 100644
--- a/src/BetterSelect.js
+++ b/src/BetterSelect.js
@@ -134,7 +134,7 @@ export class BetterSelect extends HTMLElement {
 			<div id="display" part="display">
 				<span part="display-text" id="text"></span>
 				<slot name="placeholder" aria-hidden="true">
-					<span id="placeholder" aria-hidden="true"></span>
+					<span part="placeholder" id="placeholder" aria-hidden="true"></span>
 				</slot>
 			</div>
 			<dialog id="dialog" part="drop-down">