From ded19aff92d425a08ec24a646f3a90d05da6ecbf Mon Sep 17 00:00:00 2001
From: koji <kk2796@nyu.edu>
Date: Fri, 20 Dec 2024 14:10:41 -0500
Subject: [PATCH] fix(protocol-designer): add align-items to title part

add align-items to title part

close RQA-3764
---
 .../src/pages/ProtocolOverview/InstrumentsInfo.tsx             | 3 ++-
 .../src/pages/ProtocolOverview/ProtocolMetadata.tsx            | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/protocol-designer/src/pages/ProtocolOverview/InstrumentsInfo.tsx b/protocol-designer/src/pages/ProtocolOverview/InstrumentsInfo.tsx
index 63ce567a805..871ca8efb42 100644
--- a/protocol-designer/src/pages/ProtocolOverview/InstrumentsInfo.tsx
+++ b/protocol-designer/src/pages/ProtocolOverview/InstrumentsInfo.tsx
@@ -1,6 +1,7 @@
 import { useTranslation } from 'react-i18next'
 
 import {
+  ALIGN_CENTER,
   Btn,
   COLORS,
   DIRECTION_COLUMN,
@@ -77,7 +78,7 @@ export function InstrumentsInfo({
 
   return (
     <Flex flexDirection={DIRECTION_COLUMN} gridGap={SPACING.spacing12}>
-      <Flex justifyContent={JUSTIFY_SPACE_BETWEEN}>
+      <Flex justifyContent={JUSTIFY_SPACE_BETWEEN} alignItems={ALIGN_CENTER}>
         <StyledText desktopStyle="headingSmallBold">
           {t('instruments')}
         </StyledText>
diff --git a/protocol-designer/src/pages/ProtocolOverview/ProtocolMetadata.tsx b/protocol-designer/src/pages/ProtocolOverview/ProtocolMetadata.tsx
index d750edaaad5..95e9a051a8d 100644
--- a/protocol-designer/src/pages/ProtocolOverview/ProtocolMetadata.tsx
+++ b/protocol-designer/src/pages/ProtocolOverview/ProtocolMetadata.tsx
@@ -1,5 +1,6 @@
 import { useTranslation } from 'react-i18next'
 import {
+  ALIGN_CENTER,
   Btn,
   COLORS,
   DIRECTION_COLUMN,
@@ -36,7 +37,7 @@ export function ProtocolMetadata({
 
   return (
     <Flex flexDirection={DIRECTION_COLUMN} gridGap={SPACING.spacing12}>
-      <Flex justifyContent={JUSTIFY_SPACE_BETWEEN}>
+      <Flex justifyContent={JUSTIFY_SPACE_BETWEEN} alignItems={ALIGN_CENTER}>
         <StyledText desktopStyle="headingSmallBold">
           {t('protocol_metadata')}
         </StyledText>