diff --git a/protocol-designer/src/organisms/ProtocolNavBar/index.tsx b/protocol-designer/src/organisms/ProtocolNavBar/index.tsx
index f21efb0fd3a..6ae4b21ff45 100644
--- a/protocol-designer/src/organisms/ProtocolNavBar/index.tsx
+++ b/protocol-designer/src/organisms/ProtocolNavBar/index.tsx
@@ -30,6 +30,7 @@ interface ProtocolNavBarProps {
   showLiquidOverflowMenu?: (liquidOverflowMenu: boolean) => void
   isAddingHardwareOrLabware?: boolean
   liquidPage?: boolean
+  isOffDeck?: boolean
 }
 
 export function ProtocolNavBar({
@@ -39,6 +40,7 @@ export function ProtocolNavBar({
   hasTrashEntity,
   showLiquidOverflowMenu,
   liquidPage = false,
+  isOffDeck = false,
 }: ProtocolNavBarProps): JSX.Element {
   const { t } = useTranslation('starting_deck_state')
   const metadata = useSelector(getFileMetadata)
@@ -54,13 +56,18 @@ export function ProtocolNavBar({
         <StyledText
           desktopStyle="bodyDefaultSemiBold"
           css={LINE_CLAMP_TEXT_STYLE(1)}
+          textAlign={isOffDeck && TYPOGRAPHY.textAlignLeft}
         >
           {metadata?.protocolName != null && metadata?.protocolName !== ''
             ? metadata?.protocolName
             : t('untitled_protocol')}
         </StyledText>
-        <StyledText desktopStyle="bodyDefaultRegular" color={COLORS.grey60}>
-          {isAddingHardwareOrLabware
+        <StyledText
+          desktopStyle="bodyDefaultRegular"
+          color={COLORS.grey60}
+          textAlign={isOffDeck && TYPOGRAPHY.textAlignLeft}
+        >
+          {isAddingHardwareOrLabware || isOffDeck
             ? t('add_hardware_labware')
             : t('edit_protocol')}
         </StyledText>
diff --git a/protocol-designer/src/pages/Designer/Offdeck/Offdeck.tsx b/protocol-designer/src/pages/Designer/Offdeck/Offdeck.tsx
index 66182e8dd93..c972c41d084 100644
--- a/protocol-designer/src/pages/Designer/Offdeck/Offdeck.tsx
+++ b/protocol-designer/src/pages/Designer/Offdeck/Offdeck.tsx
@@ -110,9 +110,9 @@ export function OffDeck(props: DeckSetupTabType): JSX.Element {
   }
 
   return (
-    <Flex>
+    <Flex width="100%">
       {selectedSlot.slot === 'offDeck' ? (
-        <Flex alignItems={ALIGN_CENTER}>
+        <Flex alignItems={ALIGN_CENTER} width="100%">
           <Flex justifyContent={JUSTIFY_CENTER} width="100%">
             <Flex
               width="39.4275rem"
diff --git a/protocol-designer/src/pages/Designer/index.tsx b/protocol-designer/src/pages/Designer/index.tsx
index 057f94f923e..a1ec3a27e4a 100644
--- a/protocol-designer/src/pages/Designer/index.tsx
+++ b/protocol-designer/src/pages/Designer/index.tsx
@@ -158,6 +158,7 @@ export function Designer(): JSX.Element {
           hasTrashEntity={hasTrashEntity}
           showLiquidOverflowMenu={showLiquidOverflowMenu}
           tabs={[startingDeckTab, protocolStepTab]}
+          isOffDeck={deckView !== leftString}
         />
 
         {tab === 'startingDeck' ? (