Rename LabelTiny component to LabelTinySemiBold

21 files changed, 56 insertions, 56 deletions

diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/NotificationSubtitle.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/NotificationSubtitle.tsx
index 6053f7a1d4..e02795fe25 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/NotificationSubtitle.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/NotificationSubtitle.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 
 import { InAppNotificationSubtitle } from '../../shared/notifications';
-import { LabelTiny, Link } from '../lib/components';
+import { LabelTinySemiBold, Link } from '../lib/components';
 import { formatHtml } from '../lib/html-formatter';
 import { ExternalLink } from './ExternalLink';
 import { InternalLink } from './InternalLink';
@@ -51,14 +51,14 @@ export const NotificationSubtitle = ({ subtitle, ...props }: NotificationSubtitl
 
   if (!Array.isArray(subtitle)) {
     return (
-      <LabelTiny color="whiteAlpha60" {...props}>
+      <LabelTinySemiBold color="whiteAlpha60" {...props}>
         {formatHtml(subtitle)}
-      </LabelTiny>
+      </LabelTinySemiBold>
     );
   }
 
   return (
-    <LabelTiny color="whiteAlpha60" {...props}>
+    <LabelTinySemiBold color="whiteAlpha60" {...props}>
       {subtitle.map((subtitle, index, arr) => {
         const content = formatSubtitle(subtitle);
 
@@ -69,6 +69,6 @@ export const NotificationSubtitle = ({ subtitle, ...props }: NotificationSubtitl
           </React.Fragment>
         );
       })}
-    </LabelTiny>
+    </LabelTinySemiBold>
   );
 };
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/RedeemVoucherStyles.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/RedeemVoucherStyles.tsx
index aee804c69a..729dd02488 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/RedeemVoucherStyles.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/RedeemVoucherStyles.tsx
@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 
-import { LabelTiny } from '../lib/components';
+import { LabelTinySemiBold } from '../lib/components';
 import { colors } from '../lib/foundations';
 import { normalText, smallText, tinyText } from './common-styles';
 import FormattableTextInput from './FormattableTextInput';
@@ -51,6 +51,6 @@ export const StyledTitle = styled.span(smallText, {
   marginBottom: '5px',
 });
 
-export const StyledAccountNumberInfo = styled(LabelTiny)({
+export const StyledAccountNumberInfo = styled(LabelTinySemiBold)({
   marginTop: '8px',
 });
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/SettingsHeader.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/SettingsHeader.tsx
index 57df7e5c7c..68f6853de7 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/SettingsHeader.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/SettingsHeader.tsx
@@ -1,14 +1,14 @@
 import * as React from 'react';
 import styled from 'styled-components';
 
-import { Flex, LabelTiny, TitleBig } from '../lib/components';
+import { Flex, LabelTinySemiBold, TitleBig } from '../lib/components';
 
 export const HeaderTitle = styled(TitleBig)({
   wordWrap: 'break-word',
   hyphens: 'auto',
 });
 
-export const HeaderSubTitle = styled(LabelTiny).attrs({
+export const HeaderSubTitle = styled(LabelTinySemiBold).attrs({
   color: 'whiteAlpha60',
 })({});
 
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/SettingsImport.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/SettingsImport.tsx
index f25e411cc3..b416c7d0cf 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/SettingsImport.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/SettingsImport.tsx
@@ -7,7 +7,7 @@ import { RoutePath } from '../../shared/routes';
 import { useScheduler } from '../../shared/scheduler';
 import { useAppContext } from '../context';
 import useActions from '../lib/actionsHook';
-import { Button, Flex, Icon, IconProps, LabelTiny } from '../lib/components';
+import { Button, Flex, Icon, IconProps, LabelTinySemiBold } from '../lib/components';
 import { colors, spacings } from '../lib/foundations';
 import { TransitionType, useHistory } from '../lib/history';
 import { useBoolean, useEffectEvent } from '../lib/utility-hooks';
@@ -278,9 +278,9 @@ function SettingsImportStatus(props: ImportStatusProps) {
         {iconProps !== undefined && <Icon {...iconProps} size="medium" />}
       </StyledStatusTitle>
       {subtitle !== undefined && (
-        <LabelTiny data-testid="status-subtitle" color="whiteAlpha60">
+        <LabelTinySemiBold data-testid="status-subtitle" color="whiteAlpha60">
           {subtitle}
-        </LabelTiny>
+        </LabelTinySemiBold>
       )}
     </StyledStatusContainer>
   );
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/cell/Footer.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/cell/Footer.tsx
index d0cabbacde..dd0c802f4e 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/cell/Footer.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/cell/Footer.tsx
@@ -1,12 +1,12 @@
 import styled from 'styled-components';
 
-import { LabelTiny } from '../../lib/components';
+import { LabelTinySemiBold } from '../../lib/components';
 import { spacings } from '../../lib/foundations';
 
 export const CellFooter = styled.div({
   margin: `${spacings.tiny} ${spacings.large} 0px`,
 });
 
-export const CellFooterText = styled(LabelTiny).attrs({
+export const CellFooterText = styled(LabelTinySemiBold).attrs({
   color: 'whiteAlpha60',
 })({});
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/select-location/SelectLocation.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/select-location/SelectLocation.tsx
index 8dfebb2b34..2bcae3428b 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/select-location/SelectLocation.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/select-location/SelectLocation.tsx
@@ -5,7 +5,7 @@ import { strings } from '../../../shared/constants';
 import { ObfuscationType, Ownership } from '../../../shared/daemon-rpc-types';
 import { messages } from '../../../shared/gettext';
 import { RoutePath } from '../../../shared/routes';
-import { Button, FilterChip, Flex, IconButton, LabelTiny } from '../../lib/components';
+import { Button, FilterChip, Flex, IconButton, LabelTinySemiBold } from '../../lib/components';
 import { FlexColumn } from '../../lib/components/flex-column';
 import { useRelaySettingsUpdater } from '../../lib/constraint-updater';
 import {
@@ -169,9 +169,9 @@ export default function SelectLocation() {
                       $alignItems="center"
                       $flexWrap="wrap"
                       $margin={{ horizontal: 'small', bottom: 'medium' }}>
-                      <LabelTiny>
+                      <LabelTinySemiBold>
                         {messages.pgettext('select-location-view', 'Filtered:')}
-                      </LabelTiny>
+                      </LabelTinySemiBold>
 
                       {showOwnershipFilter && (
                         <FilterChip
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/connection-blocked-label/ConnectionBlockedLabel.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/connection-blocked-label/ConnectionBlockedLabel.tsx
index 627ffc1503..ca576f0c33 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/connection-blocked-label/ConnectionBlockedLabel.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/connection-blocked-label/ConnectionBlockedLabel.tsx
@@ -1,12 +1,12 @@
 import { messages } from '../../../../../../shared/gettext';
-import { Flex, LabelTiny } from '../../../../../lib/components';
+import { Flex, LabelTinySemiBold } from '../../../../../lib/components';
 import { Dot } from '../../../../../lib/components/dot';
 
 export function ConnectionBlockedLabel() {
   return (
     <Flex $gap="small" $alignItems="baseline">
       <Dot size="small" variant="error" />
-      <LabelTiny>
+      <LabelTinySemiBold>
         {
           // TRANSLATORS: Label displayed when an error occurred due to the connection being blocked
           messages.pgettext(
@@ -14,7 +14,7 @@ export function ConnectionBlockedLabel() {
             'Connection blocked. Try changing server or other settings.',
           )
         }
-      </LabelTiny>
+      </LabelTinySemiBold>
     </Flex>
   );
 }
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/download-footer/components/download-label/DownloadLabel.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/download-footer/components/download-label/DownloadLabel.tsx
index 7bdc5a18bc..54220ad72a 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/download-footer/components/download-label/DownloadLabel.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/download-footer/components/download-label/DownloadLabel.tsx
@@ -1,8 +1,8 @@
-import { LabelTiny } from '../../../../../../../../../lib/components';
+import { LabelTinySemiBold } from '../../../../../../../../../lib/components';
 import { useMessage } from './hooks';
 
 export function DownloadLabel() {
   const message = useMessage();
 
-  return <LabelTiny>{message}</LabelTiny>;
+  return <LabelTinySemiBold>{message}</LabelTinySemiBold>;
 }
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/error-footer/ErrorFooter.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/error-footer/ErrorFooter.tsx
index 60c0056b44..3698af0dfb 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/error-footer/ErrorFooter.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/error-footer/ErrorFooter.tsx
@@ -1,4 +1,4 @@
-import { Flex, Icon, LabelTiny } from '../../../../../../../lib/components';
+import { Flex, Icon, LabelTinySemiBold } from '../../../../../../../lib/components';
 import { DownloadProgress } from '../../../download-progress';
 import { ManualDownloadLink, ReportProblemButton, RetryButton } from './components';
 import { useMessage, useShowManualDownloadLink } from './hooks';
@@ -15,7 +15,7 @@ export function ErrorFooter() {
             <Icon size="small" icon="alert-circle" color="red" />
           </div>
           <Flex $flexDirection="column">
-            <LabelTiny>{message}</LabelTiny>
+            <LabelTinySemiBold>{message}</LabelTinySemiBold>
           </Flex>
         </Flex>
         <DownloadProgress />
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/initial-footer/components/installer-ready/InstallerReady.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/initial-footer/components/installer-ready/InstallerReady.tsx
index 11a10354dd..f07b867f5d 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/initial-footer/components/installer-ready/InstallerReady.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/initial-footer/components/installer-ready/InstallerReady.tsx
@@ -1,5 +1,5 @@
 import { messages } from '../../../../../../../../../../shared/gettext';
-import { Flex, Icon, LabelTiny } from '../../../../../../../../../lib/components';
+import { Flex, Icon, LabelTinySemiBold } from '../../../../../../../../../lib/components';
 import { DownloadProgress } from '../../../../../download-progress';
 import { LaunchInstallerButton } from '../../../../../launch-installer-button';
 
@@ -9,12 +9,12 @@ export function InstallerReady() {
       <Flex $gap="medium" $flexDirection="column" $margin={{ bottom: 'medium' }}>
         <Flex $gap="tiny" $alignItems="center">
           <Icon icon="checkmark" color="green" size="small" />
-          <LabelTiny>
+          <LabelTinySemiBold>
             {
               // TRANSLATORS: Label displayed above a progress bar when the update is verified successfully
               messages.pgettext('app-upgrade-view', 'Verification successful!')
             }
-          </LabelTiny>
+          </LabelTinySemiBold>
         </Flex>
         <DownloadProgress />
       </Flex>
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/launch-footer/LaunchFooter.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/launch-footer/LaunchFooter.tsx
index a05afe356e..2a65eb55b2 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/launch-footer/LaunchFooter.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/launch-footer/LaunchFooter.tsx
@@ -1,5 +1,5 @@
 import { messages } from '../../../../../../../../shared/gettext';
-import { Flex, Icon, LabelTiny } from '../../../../../../../lib/components';
+import { Flex, Icon, LabelTinySemiBold } from '../../../../../../../lib/components';
 import { DownloadProgress } from '../../../download-progress';
 import { LaunchInstallerButton } from '../../../launch-installer-button';
 import { useDisabled, useMessage } from './hooks';
@@ -13,12 +13,12 @@ export function LaunchFooter() {
       <Flex $gap="medium" $flexDirection="column" $margin={{ bottom: 'medium' }}>
         <Flex $gap="tiny" $alignItems="center">
           <Icon icon="checkmark" color="green" size="small" />
-          <LabelTiny>
+          <LabelTinySemiBold>
             {
               // TRANSLATORS: Label displayed above a progress bar when the update is verified successfully
               messages.pgettext('app-upgrade-view', 'Verification successful!')
             }
-          </LabelTiny>
+          </LabelTinySemiBold>
         </Flex>
         <DownloadProgress />
       </Flex>
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/pause-footer/components/resume-upgrade/ResumeUpgrade.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/pause-footer/components/resume-upgrade/ResumeUpgrade.tsx
index 8f2fc26879..6cd95ed03a 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/pause-footer/components/resume-upgrade/ResumeUpgrade.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/pause-footer/components/resume-upgrade/ResumeUpgrade.tsx
@@ -1,5 +1,5 @@
 import { messages } from '../../../../../../../../../../shared/gettext';
-import { Flex, LabelTiny } from '../../../../../../../../../lib/components';
+import { Flex, LabelTinySemiBold } from '../../../../../../../../../lib/components';
 import { DownloadProgress } from '../../../../../download-progress';
 import { ResumeButton } from '../../../../../resume-button';
 
@@ -7,12 +7,12 @@ export function ResumeUpgrade() {
   return (
     <Flex $padding="large" $flexDirection="column">
       <Flex $gap="medium" $flexDirection="column" $margin={{ bottom: 'medium' }}>
-        <LabelTiny>
+        <LabelTinySemiBold>
           {
             // TRANSLATORS: Label displayed above a progress bar when the update is verified successfully
             messages.pgettext('app-upgrade-view', 'Download paused')
           }
-        </LabelTiny>
+        </LabelTinySemiBold>
         <DownloadProgress />
       </Flex>
       <Flex $flexDirection="column">
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/verify-footer/VerifyFooter.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/verify-footer/VerifyFooter.tsx
index a44548e642..9f234f26e7 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/verify-footer/VerifyFooter.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/verify-footer/VerifyFooter.tsx
@@ -1,5 +1,5 @@
 import { messages } from '../../../../../../../../shared/gettext';
-import { Flex, LabelTiny, Spinner } from '../../../../../../../lib/components';
+import { Flex, LabelTinySemiBold, Spinner } from '../../../../../../../lib/components';
 import { DownloadProgress } from '../../../download-progress';
 import { PauseButton } from '../../../pause-button';
 
@@ -9,12 +9,12 @@ export function VerifyFooter() {
       <Flex $gap="medium" $flexDirection="column" $margin={{ bottom: 'medium' }}>
         <Flex $gap="tiny" $alignItems="center">
           <Spinner size="small" />
-          <LabelTiny>
+          <LabelTinySemiBold>
             {
               // TRANSLATORS: Label displayed above a progress bar when the update is being verified
               messages.pgettext('app-upgrade-view', 'Verifying installer...')
             }
-          </LabelTiny>
+          </LabelTinySemiBold>
         </Flex>
         <DownloadProgress />
       </Flex>
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/feature-indicator/components/FeatureIndicatorText.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/feature-indicator/components/FeatureIndicatorText.tsx
index 49d8d5fac9..66bef3ad9a 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/feature-indicator/components/FeatureIndicatorText.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/feature-indicator/components/FeatureIndicatorText.tsx
@@ -1,12 +1,12 @@
 import styled from 'styled-components';
 
-import { BodySmallSemiBoldProps, LabelTiny } from '../../typography';
+import { BodySmallSemiBoldProps, LabelTinySemiBold } from '../../typography';
 import { useFeatureIndicatorContext } from '../FeatureIndicatorContext';
 
 export type FeatureIndicatorTextProps<T extends React.ElementType = 'span'> =
   BodySmallSemiBoldProps<T>;
 
-export const StyledFeatureIndicatorText = styled(LabelTiny)``;
+export const StyledFeatureIndicatorText = styled(LabelTinySemiBold)``;
 
 export const FeatureIndicatorText = <T extends React.ElementType = 'span'>(
   props: FeatureIndicatorTextProps<T>,
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/filter-chip/components/FilterChipText.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/filter-chip/components/FilterChipText.tsx
index 3da18bf38f..a2b6c76b90 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/filter-chip/components/FilterChipText.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/filter-chip/components/FilterChipText.tsx
@@ -1,11 +1,11 @@
 import styled from 'styled-components';
 
-import { BodySmallSemiBoldProps, LabelTiny } from '../../typography';
+import { BodySmallSemiBoldProps, LabelTinySemiBold } from '../../typography';
 import { useFilterChipContext } from '../FilterChipContext';
 
 export type FilterChipTextProps<T extends React.ElementType = 'span'> = BodySmallSemiBoldProps<T>;
 
-export const StyledText = styled(LabelTiny)``;
+export const StyledText = styled(LabelTinySemiBold)``;
 
 export const FilterChipText = <T extends React.ElementType = 'span'>(
   props: FilterChipTextProps<T>,
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-label/ListItemLabel.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-label/ListItemLabel.tsx
index 9ee4c75daf..b099f6f1bd 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-label/ListItemLabel.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/components/list-item-label/ListItemLabel.tsx
@@ -1,7 +1,7 @@
-import { LabelTinyProps, TitleMedium } from '../../../typography';
+import { LabelTinySemiBoldProps, TitleMedium } from '../../../typography';
 import { useListItemContext } from '../../ListItemContext';
 
-export type ListItemLabelProps<E extends React.ElementType = 'span'> = LabelTinyProps<E>;
+export type ListItemLabelProps<E extends React.ElementType = 'span'> = LabelTinySemiBoldProps<E>;
 
 export const ListItemLabel = <E extends React.ElementType = 'span'>(
   props: ListItemLabelProps<E>,
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/progress/components/ProgressPercent.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/progress/components/ProgressPercent.tsx
index 0b8db6ea7e..13909a5abe 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/progress/components/ProgressPercent.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/progress/components/ProgressPercent.tsx
@@ -1,11 +1,11 @@
 import styled from 'styled-components';
 
-import { LabelTiny, LabelTinyProps } from '../../typography';
+import { LabelTinySemiBold, LabelTinySemiBoldProps } from '../../typography';
 import { useProgress } from '../ProgressContext';
 
-export type ProgressPercentProps<T extends React.ElementType = 'span'> = LabelTinyProps<T>;
+export type ProgressPercentProps<T extends React.ElementType = 'span'> = LabelTinySemiBoldProps<T>;
 
-const StyledText = styled(LabelTiny)`
+const StyledText = styled(LabelTinySemiBold)`
   min-width: 26px;
 `;
 
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/progress/components/ProgressText.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/progress/components/ProgressText.tsx
index 46f0cb9a9a..d3b4eb322f 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/progress/components/ProgressText.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/progress/components/ProgressText.tsx
@@ -1,9 +1,9 @@
-import { LabelTiny, LabelTinyProps } from '../../typography';
+import { LabelTinySemiBold, LabelTinySemiBoldProps } from '../../typography';
 import { useProgress } from '../ProgressContext';
 
-export type ProgressTextProps<T extends React.ElementType = 'span'> = LabelTinyProps<T>;
+export type ProgressTextProps<T extends React.ElementType = 'span'> = LabelTinySemiBoldProps<T>;
 
 export const ProgressText = <T extends React.ElementType = 'span'>(props: ProgressTextProps<T>) => {
   const { disabled } = useProgress();
-  return <LabelTiny color={disabled ? 'whiteAlpha40' : 'whiteAlpha60'} {...props} />;
+  return <LabelTinySemiBold color={disabled ? 'whiteAlpha40' : 'whiteAlpha60'} {...props} />;
 };
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/LabelTiny.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/LabelTiny.tsx
deleted file mode 100644
index dcdec8cce3..0000000000
--- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/LabelTiny.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Text, TextProps } from './Text';
-
-export type LabelTinyProps<E extends React.ElementType = 'span'> = TextProps<E>;
-
-export const LabelTiny = <T extends React.ElementType = 'span'>(props: LabelTinyProps<T>) => (
-  <Text variant="labelTinySemiBold" {...props} />
-);
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/LabelTinySemiBold.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/LabelTinySemiBold.tsx
new file mode 100644
index 0000000000..c0fc6e38ba
--- /dev/null
+++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/LabelTinySemiBold.tsx
@@ -0,0 +1,7 @@
+import { Text, TextProps } from './Text';
+
+export type LabelTinySemiBoldProps<E extends React.ElementType = 'span'> = TextProps<E>;
+
+export const LabelTinySemiBold = <T extends React.ElementType = 'span'>(
+  props: LabelTinySemiBoldProps<T>,
+) => <Text variant="labelTinySemiBold" {...props} />;
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/index.ts b/desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/index.ts
index 5e73f059c8..2dea292f8f 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/index.ts
+++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/index.ts
@@ -1,7 +1,7 @@
 export * from './BodySmall';
 export * from './BodySmallSemiBold';
 export * from './FootnoteMini';
-export * from './LabelTiny';
+export * from './LabelTinySemiBold';
 export * from './Text';
 export * from './TitleBig';
 export * from './TitleLarge';