From b157bb49ef7b12b23320b32e0cfaed31f4287170 Mon Sep 17 00:00:00 2001
From: koji <koji.kanao@opentrons.com>
Date: Fri, 18 Oct 2024 10:47:49 -0400
Subject: [PATCH] fix(protocol-designer): fix create button clickable area
 issue (#16522)

* fix(protocol-designer): fix create button clickable area issue
---
 protocol-designer/src/pages/Landing/index.tsx | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/protocol-designer/src/pages/Landing/index.tsx b/protocol-designer/src/pages/Landing/index.tsx
index 41d5b7faafc..4c6206d3861 100644
--- a/protocol-designer/src/pages/Landing/index.tsx
+++ b/protocol-designer/src/pages/Landing/index.tsx
@@ -77,16 +77,14 @@ export function Landing(): JSX.Element {
           </StyledText>
         </Flex>
       </Flex>
-      <LargeButton
-        onClick={() => {
-          dispatch(toggleNewProtocolModal(true))
-        }}
-        buttonText={
-          <StyledNavLink to={'/createNew'}>
-            <ButtonText>{t('create_a_protocol')}</ButtonText>
-          </StyledNavLink>
-        }
-      />
+      <StyledNavLink to={'/createNew'}>
+        <LargeButton
+          onClick={() => {
+            dispatch(toggleNewProtocolModal(true))
+          }}
+          buttonText={<ButtonText>{t('create_a_protocol')}</ButtonText>}
+        />
+      </StyledNavLink>
       <StyledLabel>
         <Flex css={BUTTON_LINK_STYLE}>
           <StyledText desktopStyle="bodyLargeRegular">