From a1482dc2c69dc98089cf48b6a6a262ee7ea2e1f8 Mon Sep 17 00:00:00 2001
From: Siddhant Khare <siddhant@gitpod.io>
Date: Wed, 7 Dec 2022 06:43:37 +0000
Subject: [PATCH 1/2] flag: add BETA Label to `/tokens` page

Signed-off-by: Siddhant Khare <siddhant@gitpod.io>
---
 .../dashboard/src/settings/PersonalAccessTokens.tsx      | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/components/dashboard/src/settings/PersonalAccessTokens.tsx b/components/dashboard/src/settings/PersonalAccessTokens.tsx
index c3a71a8a78b13e..b82e4d80d59289 100644
--- a/components/dashboard/src/settings/PersonalAccessTokens.tsx
+++ b/components/dashboard/src/settings/PersonalAccessTokens.tsx
@@ -149,7 +149,14 @@ function ListAccessTokensView() {
             <div className="flex items-center sm:justify-between mb-4">
                 <div>
                     <h3>Access Tokens</h3>
-                    <h2 className="text-gray-500">Create or regenerate access tokens.</h2>
+                    <h2 className="text-gray-500">
+                        <PillLabel type="warn" className="font-semibold mt-8 ml-0 py-0.5 px-1 self-center">
+                            <a href="https://www.gitpod.io/docs/references/gitpod-releases">
+                                <span className="text-xs">BETA</span>
+                            </a>
+                        </PillLabel>{" "}
+                        Create or regenerate access tokens.
+                    </h2>
                 </div>
                 {tokens.length > 0 && (
                     <Link to={settingsPathPersonalAccessTokenCreate}>

From 17692efde812fb2f138d89e56ef17ddeb12a505f Mon Sep 17 00:00:00 2001
From: Siddhant Khare <siddhant@gitpod.io>
Date: Wed, 7 Dec 2022 10:59:42 +0000
Subject: [PATCH 2/2] Label Positionning

---
 .../dashboard/src/settings/PersonalAccessTokens.tsx  | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/dashboard/src/settings/PersonalAccessTokens.tsx b/components/dashboard/src/settings/PersonalAccessTokens.tsx
index b82e4d80d59289..30c09eb7c32cbd 100644
--- a/components/dashboard/src/settings/PersonalAccessTokens.tsx
+++ b/components/dashboard/src/settings/PersonalAccessTokens.tsx
@@ -148,15 +148,15 @@ function ListAccessTokensView() {
         <>
             <div className="flex items-center sm:justify-between mb-4">
                 <div>
-                    <h3>Access Tokens</h3>
-                    <h2 className="text-gray-500">
-                        <PillLabel type="warn" className="font-semibold mt-8 ml-0 py-0.5 px-1 self-center">
+                    <h3>
+                        Access Tokens{" "}
+                        <PillLabel type="warn" className="font-semibold self-center">
                             <a href="https://www.gitpod.io/docs/references/gitpod-releases">
                                 <span className="text-xs">BETA</span>
                             </a>
-                        </PillLabel>{" "}
-                        Create or regenerate access tokens.
-                    </h2>
+                        </PillLabel>
+                    </h3>
+                    <h2 className="text-gray-500">Create or regenerate access tokens.</h2>
                 </div>
                 {tokens.length > 0 && (
                     <Link to={settingsPathPersonalAccessTokenCreate}>