diff --git a/chaoscenter/web/src/components/PasswordInput/PasswordInput.module.scss b/chaoscenter/web/src/components/PasswordInput/PasswordInput.module.scss
index 64f4ac3875e..cd17ccf2738 100644
--- a/chaoscenter/web/src/components/PasswordInput/PasswordInput.module.scss
+++ b/chaoscenter/web/src/components/PasswordInput/PasswordInput.module.scss
@@ -1,7 +1,9 @@
 .fieldContainer {
   gap: 0.15rem;
+  width: 100% !important;
   .inputContainer {
     :global {
+      width: 100%;
       .bp3-form-group {
         margin-bottom: 0 !important;
       }
diff --git a/chaoscenter/web/src/views/Gitops/Gitops.tsx b/chaoscenter/web/src/views/Gitops/Gitops.tsx
index 7be5be1f010..a3660f584f4 100644
--- a/chaoscenter/web/src/views/Gitops/Gitops.tsx
+++ b/chaoscenter/web/src/views/Gitops/Gitops.tsx
@@ -30,6 +30,7 @@ import type {
 import { useDocumentTitle, useRouteWithBaseUrl } from '@hooks';
 import { useStrings } from '@strings';
 import Loader from '@components/Loader';
+import PassowrdInput from '@components/PasswordInput';
 import css from './Gitops.module.scss';
 
 interface GitopsData {
@@ -254,13 +255,9 @@ export default function GitopsView({
                                   ]}
                                 />
                                 {formikProps.values.authType === AuthType.TOKEN && (
-                                  <FormInput.Text
+                                  <PassowrdInput
                                     name="token"
-                                    label={
-                                      <Text font={{ variation: FontVariation.FORM_LABEL }} margin={{ top: 'medium' }}>
-                                        {getString('accessToken')}
-                                      </Text>
-                                    }
+                                    label={getString('accessToken')}
                                     placeholder={getString('accessTokenPlaceholder')}
                                   />
                                 )}