diff --git a/frontend/src/components/common/fields/current-password-field.tsx b/frontend/src/components/common/fields/current-password-field.tsx
index 229c3f78d..ab1a3e4cb 100644
--- a/frontend/src/components/common/fields/current-password-field.tsx
+++ b/frontend/src/components/common/fields/current-password-field.tsx
@@ -26,7 +26,6 @@ export const CurrentPasswordField: React.FC<CommonFieldProps> = ({ onChange }) =
         size='sm'
         onChange={onChange}
         placeholder={t('login.auth.password') ?? undefined}
-        className='bg-dark text-light'
         autoComplete='current-password'
         required
       />
diff --git a/frontend/src/components/profile-page/access-tokens/access-token-creation-form/access-token-creation-form-expiry-field.tsx b/frontend/src/components/profile-page/access-tokens/access-token-creation-form/access-token-creation-form-expiry-field.tsx
index 5f7f70281..dc9a34c54 100644
--- a/frontend/src/components/profile-page/access-tokens/access-token-creation-form/access-token-creation-form-expiry-field.tsx
+++ b/frontend/src/components/profile-page/access-tokens/access-token-creation-form/access-token-creation-form-expiry-field.tsx
@@ -36,7 +36,6 @@ export const AccessTokenCreationFormExpiryField: React.FC<AccessTokenCreationFor
         type='date'
         size='sm'
         value={formValues.expiryDate}
-        className='bg-dark text-light'
         onChange={onChangeExpiry}
         min={minMaxDefaultDates.min}
         max={minMaxDefaultDates.max}
diff --git a/frontend/src/components/profile-page/access-tokens/access-token-creation-form/access-token-creation-form-label-field.tsx b/frontend/src/components/profile-page/access-tokens/access-token-creation-form/access-token-creation-form-label-field.tsx
index fdd79e3b8..4f618ca31 100644
--- a/frontend/src/components/profile-page/access-tokens/access-token-creation-form/access-token-creation-form-label-field.tsx
+++ b/frontend/src/components/profile-page/access-tokens/access-token-creation-form/access-token-creation-form-label-field.tsx
@@ -39,7 +39,6 @@ export const AccessTokenCreationFormLabelField: React.FC<AccessTokenCreationForm
         size='sm'
         placeholder={t('profile.accessTokens.label') ?? undefined}
         value={formValues.label}
-        className='bg-dark text-light'
         onChange={onChangeLabel}
         isValid={labelValid}
         required
diff --git a/frontend/src/components/profile-page/access-tokens/access-token-list-entry.tsx b/frontend/src/components/profile-page/access-tokens/access-token-list-entry.tsx
index 04f43c11d..8bde344b8 100644
--- a/frontend/src/components/profile-page/access-tokens/access-token-list-entry.tsx
+++ b/frontend/src/components/profile-page/access-tokens/access-token-list-entry.tsx
@@ -54,12 +54,12 @@ export const AccessTokenListEntry: React.FC<AccessTokenListEntryProps & AccessTo
   }, [token.lastUsedAt])
 
   return (
-    <ListGroup.Item className='bg-dark'>
+    <ListGroup.Item>
       <Row>
         <Col className='text-start' {...cypressId('access-token-label')}>
           {token.label}
         </Col>
-        <Col className='text-start text-white-50'>{lastUsed}</Col>
+        <Col className='text-start'>{lastUsed}</Col>
         <Col xs='auto'>
           <IconButton
             icon={IconTrash}
diff --git a/frontend/src/components/profile-page/access-tokens/profile-access-tokens.tsx b/frontend/src/components/profile-page/access-tokens/profile-access-tokens.tsx
index 052b98ab9..ad266eb8c 100644
--- a/frontend/src/components/profile-page/access-tokens/profile-access-tokens.tsx
+++ b/frontend/src/components/profile-page/access-tokens/profile-access-tokens.tsx
@@ -46,7 +46,7 @@ export const ProfileAccessTokens: React.FC = () => {
   )
 
   return (
-    <Card className='bg-dark mb-4 access-tokens'>
+    <Card className='mb-4 access-tokens'>
       <Card.Body>
         <Card.Title>
           <Trans i18nKey='profile.accessTokens.title' />
diff --git a/frontend/src/components/profile-page/account-management/profile-account-management.tsx b/frontend/src/components/profile-page/account-management/profile-account-management.tsx
index ea299dcd1..b60c88fdc 100644
--- a/frontend/src/components/profile-page/account-management/profile-account-management.tsx
+++ b/frontend/src/components/profile-page/account-management/profile-account-management.tsx
@@ -21,7 +21,7 @@ export const ProfileAccountManagement: React.FC = () => {
 
   return (
     <Fragment>
-      <Card className='bg-dark mb-4'>
+      <Card className='mb-4'>
         <Card.Body>
           <Card.Title>
             <Trans i18nKey='profile.accountManagement' />
diff --git a/frontend/src/components/profile-page/settings/profile-change-password.tsx b/frontend/src/components/profile-page/settings/profile-change-password.tsx
index fc0c5b7f6..fe876f96b 100644
--- a/frontend/src/components/profile-page/settings/profile-change-password.tsx
+++ b/frontend/src/components/profile-page/settings/profile-change-password.tsx
@@ -70,7 +70,7 @@ export const ProfileChangePassword: React.FC = () => {
   }, [loading, oldPassword, newPassword, newPasswordAgain])
 
   return (
-    <Card className='bg-dark mb-4'>
+    <Card className='mb-4'>
       <Card.Body>
         <Card.Title>
           <Trans i18nKey='profile.changePassword.title' />
diff --git a/frontend/src/components/profile-page/settings/profile-display-name.tsx b/frontend/src/components/profile-page/settings/profile-display-name.tsx
index 6bb9df0e1..2a1a7ea56 100644
--- a/frontend/src/components/profile-page/settings/profile-display-name.tsx
+++ b/frontend/src/components/profile-page/settings/profile-display-name.tsx
@@ -39,7 +39,7 @@ export const ProfileDisplayName: React.FC = () => {
   }, [displayName, userName])
 
   return (
-    <Card className='bg-dark mb-4'>
+    <Card className='mb-4'>
       <Card.Body>
         <Card.Title>
           <Trans i18nKey='profile.userProfile' />