tweak styles - make all items the same height etc

Author: Rich-Harris

packages/repl/src/lib/Input/ComponentSelector.svelte

@@ -327,16 +327,22 @@
 		justify-content: flex-end;
 	}
 
-	.option input {
-		background: transparent;
-		border: 1px solid var(--sk-border);
-		border-radius: var(--sk-border-radius);
-		color: currentColor;
-		width: 0;
-		flex: 1;
-		padding: 0.2rem 0.6rem;
-		height: 3.2rem;
-		font: var(--sk-font-ui-medium);
+	.option {
+		height: 3.6rem;
+
+		input {
+			background: transparent;
+			border: none;
+			border-radius: var(--sk-border-radius);
+			color: currentColor;
+			width: 0;
+			flex: 1;
+			padding: 0.2rem 0.6rem;
+			height: 3.2rem;
+			font: var(--sk-font-ui-medium);
+			margin: -0.5rem -0.6rem -0.5rem 1rem;
+			text-align: right;
+		}
 	}
 
 	svg {

packages/site-kit/src/lib/components/Checkbox.svelte

@@ -19,7 +19,6 @@
 		-webkit-appearance: none;
 		appearance: none;
 		border: transparent;
-		margin: 0 0.6em 0 0;
 	}
 
 	input[type='checkbox']::before {