diff --git a/ui/packages/consul-ui/app/components/horizontal-kv-list/layout.scss b/ui/packages/consul-ui/app/components/horizontal-kv-list/layout.scss
index 672c4e19f..b561d96c5 100644
--- a/ui/packages/consul-ui/app/components/horizontal-kv-list/layout.scss
+++ b/ui/packages/consul-ui/app/components/horizontal-kv-list/layout.scss
@@ -1,6 +1,7 @@
 %horizontal-kv-list {
   display: inline-flex;
   flex-wrap: nowrap;
+  align-items: center;
 }
 %horizontal-kv-list-reversed {
   flex-direction: row-reverse;