--- a/devtools/client/themes/layout.css
+++ b/devtools/client/themes/layout.css
@@ -37,30 +37,27 @@
 .grid-container > ul {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 
 .flexbox-container li,
 .grid-container li {
-  display: flex;
-  align-items: center;
   padding: 3px 0;
 }
 
-.flexbox-container input
+.flexbox-container input,
 .grid-container input {
   margin-inline-end: 7px;
+  vertical-align: middle;
 }
 
 .flexbox-container label,
 .grid-container label {
-  display: flex;
-  align-items: center;
   margin-inline-start: -3px;
 }
 
 /**
  * Grid Container
  */
 
 #layout-flexbox-container,
@@ -138,16 +135,18 @@
 
 .grid-color-swatch {
   width: 12px;
   height: 12px;
   margin-inline-start: -1px;
   border: 1px solid var(--theme-highlight-gray);
   border-radius: 50%;
   cursor: pointer;
+  display: inline-block;
+  vertical-align: middle;
 }
 
 .grid-color-value {
   display: none;
 }
 
 /**
  * Settings Item