From 7564e72aacc610b62d9cc8b1c95a7d644020cd48 Mon Sep 17 00:00:00 2001
From: jonniebigodes <joaocontadesenvolvimento@gmail.com>
Date: Mon, 25 Mar 2024 14:30:15 +0000
Subject: [PATCH] Merge pull request #26530 from
 storybookjs/fix/active-viewport-size-not-centered

Viewport: Fix missing style
(cherry picked from commit b071c449ffc4a4c051192460ba879a43d51abcac)
---
 code/addons/viewport/src/Tool.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/code/addons/viewport/src/Tool.tsx b/code/addons/viewport/src/Tool.tsx
index 37bc22500e9b..da600e576675 100644
--- a/code/addons/viewport/src/Tool.tsx
+++ b/code/addons/viewport/src/Tool.tsx
@@ -74,6 +74,7 @@ const flip = ({ width, height, ...styles }: ViewportStyles) => ({
 
 const ActiveViewportSize = styled.div(() => ({
   display: 'inline-flex',
+  alignItems: 'center',
 }));
 
 const ActiveViewportLabel = styled.div(({ theme }) => ({