From 637b4817de5ed8a82af6429b82d98e7a038482c6 Mon Sep 17 00:00:00 2001
From: Bart K <bartlomiej.ksiazek@icloud.com>
Date: Wed, 13 Nov 2024 08:01:03 +0100
Subject: [PATCH 1/2] fix(portal): capitalize env select options

---
 .../src/pages/HomePage/components/ActivityDiagrams/index.tsx   | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/kraken-app/kraken-app-portal/src/pages/HomePage/components/ActivityDiagrams/index.tsx b/kraken-app/kraken-app-portal/src/pages/HomePage/components/ActivityDiagrams/index.tsx
index d4ccaafe..5289f63a 100644
--- a/kraken-app/kraken-app-portal/src/pages/HomePage/components/ActivityDiagrams/index.tsx
+++ b/kraken-app/kraken-app-portal/src/pages/HomePage/components/ActivityDiagrams/index.tsx
@@ -20,6 +20,7 @@ import ApiActivityDiagram from "./ApiActivityDiagram";
 import ErrorBrakedownDiagram from "./ErrorDiagram";
 import MostPopularEndpoints from "./MostPopularEndpoints";
 import styles from "./index.module.scss";
+import { capitalize } from 'lodash';
 
 export type DiagramProps = {
   envId: string;
@@ -76,7 +77,7 @@ const DiagramWrapper = ({ envs }: Props) => {
     return (
       envs?.map((env) => ({
         value: env.id,
-        label: env.name,
+        label: capitalize(env.name),
       })) ?? []
     );
   }, [envs]);

From 0da6d7579b98774fb1f4a1a99298feea3f5577e1 Mon Sep 17 00:00:00 2001
From: Bart K <bartlomiej.ksiazek@icloud.com>
Date: Wed, 13 Nov 2024 10:49:49 +0100
Subject: [PATCH 2/2] fix(portal): adjust check icon on quick start guide

---
 .../src/pages/HomePage/components/QuickStartGuide/index.tsx   | 4 +++-
 .../src/pages/HomePage/components/index.module.scss           | 4 ++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/kraken-app/kraken-app-portal/src/pages/HomePage/components/QuickStartGuide/index.tsx b/kraken-app/kraken-app-portal/src/pages/HomePage/components/QuickStartGuide/index.tsx
index d4e36f90..64022c76 100644
--- a/kraken-app/kraken-app-portal/src/pages/HomePage/components/QuickStartGuide/index.tsx
+++ b/kraken-app/kraken-app-portal/src/pages/HomePage/components/QuickStartGuide/index.tsx
@@ -112,7 +112,9 @@ const QuickStartGuide = () => {
                             goal as keyof (typeof quickStartGuideData)[keyof IQuickStartGuideObject]
                           ] ? (
                             <Flex key={goal} gap={10}>
-                              <CheckFilled />
+                              <div className={styles.iconContainer}>
+                                <CheckFilled />
+                              </div>
                               <Text.LightMedium>
                                 {i.goals[goal as keyof typeof i.goals]}
                               </Text.LightMedium>
diff --git a/kraken-app/kraken-app-portal/src/pages/HomePage/components/index.module.scss b/kraken-app/kraken-app-portal/src/pages/HomePage/components/index.module.scss
index a166d060..2ea9dd9c 100644
--- a/kraken-app/kraken-app-portal/src/pages/HomePage/components/index.module.scss
+++ b/kraken-app/kraken-app-portal/src/pages/HomePage/components/index.module.scss
@@ -4,6 +4,10 @@
   border-radius: 8px;
 }
 
+.iconContainer {
+  width: 20px;
+}
+
 .guideContainer {
   justify-content: center;
   align-items: center;