diff --git a/scss/components/_search.scss b/scss/components/_search.scss
index 6aca173786..b094fad0ca 100644
--- a/scss/components/_search.scss
+++ b/scss/components/_search.scss
@@ -27,11 +27,13 @@
 
 	.search-cancel-button {
 		position: absolute;
-		right: 0px;
+		inset-inline-end: 0;
 		width: 14px;
 		height: 14px;
-		padding: 5px 8px 5px 5px;
-		margin: 6px 4px 6px 0px;
+		padding-inline: 5px 8px;
+		padding-block: 5px;
+		margin-inline: 0 4px;
+		margin-block: 6px;
 		cursor: default;
 		background: url(resource://gre-resources/searchfield-cancel.svg) no-repeat center/contain;
 		background-size: unset;
@@ -44,7 +46,8 @@ search-textbox {
 	border-radius: 5px;
 	border: var(--material-border-quinary);
 	color: var(--fill-primary);
-	padding: 0px 6px 0px 0px;
+	padding: 0;
+	padding-inline-end: 6px;
 
 	&::placeholder {
 		color: var(--fill-tertiary);
@@ -62,7 +65,8 @@ search-textbox {
 :is(search-textbox)::part(search-icon) {
 	@include svgicon-menu("magnifier", "universal", "16");
 	color: var(--fill-secondary);
-	// right: 2px padding + 8px dropmarker width + 4px padding + 6px padding
-	padding: 6px 4px 6px 6px;
-	margin: 0px;
+	// inline-end: 2px padding + 8px dropmarker width + 4px padding + 6px padding
+	padding-inline: 6px 4px;
+	padding-block: 6px;
+	margin: 0;
 }
diff --git a/scss/components/_toolbar.scss b/scss/components/_toolbar.scss
index c2aa7f8582..056eceb705 100644
--- a/scss/components/_toolbar.scss
+++ b/scss/components/_toolbar.scss
@@ -87,7 +87,8 @@
 #zotero-collections-search {
 	max-width: 0;
 	transition: max-width 0.2s ease;
-	padding: 0px 6px 0px 0px;
+	padding: 0;
+	padding-inline-end: 6px;
 	margin: 0;
 	appearance: none;
 }
@@ -97,7 +98,7 @@
 }
 
 #zotero-collections-search.expanding {
-	padding-right: 35px;
+	padding-inline-end: 35px;
 }
 
 /* Hide collection search on pane collapse, otherwise it still shows when focused */