From 7961cb278e153c8f1f607f4b4337db19921f41b1 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <62335616+lucaseduoli@users.noreply.github.com>
Date: Mon, 25 Nov 2024 15:15:19 -0300
Subject: [PATCH] fix: changed add flow button to be square on collapsed screen
 (#4824)

Fixed button aspect ratio

Co-authored-by: Mike Fortman <michael.fortman@datastax.com>
---
 .../MainPage/components/header/index.tsx      | 35 +++++++++----------
 1 file changed, 17 insertions(+), 18 deletions(-)

diff --git a/src/frontend/src/pages/MainPage/components/header/index.tsx b/src/frontend/src/pages/MainPage/components/header/index.tsx
index 5fffda559..bfc2e4600 100644
--- a/src/frontend/src/pages/MainPage/components/header/index.tsx
+++ b/src/frontend/src/pages/MainPage/components/header/index.tsx
@@ -135,24 +135,23 @@ const HeaderComponent = ({
                 ))}
               </div>
             </div>
-            <div className="flex gap-2">
-              <ShadTooltip content="New Flow" side="bottom">
-                <Button
-                  variant="default"
-                  onClick={() => setNewProjectModal(true)}
-                  id="new-project-btn"
-                >
-                  <ForwardedIconComponent
-                    name="Plus"
-                    aria-hidden="true"
-                    className="h-4 w-4"
-                  />
-                  <span className="hidden whitespace-nowrap font-semibold md:inline">
-                    New Flow
-                  </span>
-                </Button>
-              </ShadTooltip>
-            </div>
+            <ShadTooltip content="New Flow" side="bottom">
+              <Button
+                variant="default"
+                className="!px-3 md:!px-4 md:!pl-3.5"
+                onClick={() => setNewProjectModal(true)}
+                id="new-project-btn"
+              >
+                <ForwardedIconComponent
+                  name="Plus"
+                  aria-hidden="true"
+                  className="h-4 w-4"
+                />
+                <span className="hidden whitespace-nowrap font-semibold md:inline">
+                  New Flow
+                </span>
+              </Button>
+            </ShadTooltip>
           </div>
         </>
       )}