diff --git a/styles/v3/components/common.scss b/styles/v3/components/common.scss
new file mode 100644
index 0000000..59f812d
--- /dev/null
+++ b/styles/v3/components/common.scss
@@ -0,0 +1,7 @@
+// Disclaimer: This CSS is used by a custom web component and is scoped to JUST
+// the corresponding web component. This should only be imported by web component
+// style files.
+
+:host {
+	display: inline-block;
+}
diff --git a/styles/v3/components/icon.scss b/styles/v3/components/icon.scss
index 22cfc17..012593f 100644
--- a/styles/v3/components/icon.scss
+++ b/styles/v3/components/icon.scss
@@ -1,10 +1,12 @@
 /*
 Disclaimer: This CSS is used by a custom web component and is scoped to JUST
-the corresponding web component. Importing this into other files is forbidden.
+the corresponding web component. Importing this into other files is forbidden
 */
 
 $default-size: 1rem;
 
+@use "./common.scss";
+
 div {
 	display: flex;
 	justify-content: center;
diff --git a/styles/v3/components/incrementer.scss b/styles/v3/components/incrementer.scss
index c7eb63b..abe9478 100644
--- a/styles/v3/components/incrementer.scss
+++ b/styles/v3/components/incrementer.scss
@@ -1,13 +1,14 @@
 /*
 Disclaimer: This CSS is used by a custom web component and is scoped to JUST
-the corresponding web component. Importing this into other files is forbidden.
+the corresponding web component. Importing this into other files is forbidden
 */
 
-@use "../mixins/material";
-
 $default-border-radius: 4px;
 $default-height: 1.5rem;
 
+@use "../mixins/material";
+@use "./common.scss";
+
 div {
 	display: grid;
 	grid-template-columns: var(--height, $default-height) var(--width, 50px) var(--height, $default-height);