From 981ea81f53bd52ae8826d1e91e63eaa996fb2449 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lo=C3=AFc=20F=C3=BCrhoff?=
 <12294151+imagoiq@users.noreply.github.com>
Date: Tue, 12 Mar 2024 10:05:54 +0100
Subject: [PATCH] fix(documentation): Typo in version switcher + add loading
 style (#2762)

---
 .../.storybook/addons/version-switcher/VersionSwitcher.tsx  | 4 ++--
 .../addons/version-switcher/version-switcher.scss           | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/documentation/.storybook/addons/version-switcher/VersionSwitcher.tsx b/packages/documentation/.storybook/addons/version-switcher/VersionSwitcher.tsx
index 0e18ee1ae7..819e060bcf 100644
--- a/packages/documentation/.storybook/addons/version-switcher/VersionSwitcher.tsx
+++ b/packages/documentation/.storybook/addons/version-switcher/VersionSwitcher.tsx
@@ -37,7 +37,7 @@ function VersionSwitcher() {
   }, []);
 
   if (loading) {
-    return <div>Loading...</div>;
+    return <div className="version-switcher-loading">Loading...</div>;
   }
 
   const latestVersionMajorMinor = getVersion(
@@ -103,7 +103,7 @@ function VersionSwitcher() {
           );
         }}
       >
-        <IconButton placeholder="Versions">Versions {latestVersionMajorMinor}</IconButton>
+        <IconButton placeholder="Versions">Version {latestVersionMajorMinor}</IconButton>
       </WithTooltip>
     </Fragment>
   );
diff --git a/packages/documentation/.storybook/addons/version-switcher/version-switcher.scss b/packages/documentation/.storybook/addons/version-switcher/version-switcher.scss
index f749079324..f88846c1b5 100644
--- a/packages/documentation/.storybook/addons/version-switcher/version-switcher.scss
+++ b/packages/documentation/.storybook/addons/version-switcher/version-switcher.scss
@@ -1,6 +1,12 @@
 @use '../../../node_modules/@swisspost/design-system-styles/variables/type';
 @use '../../../node_modules/@swisspost/design-system-styles/variables/spacing';
 
+.version-switcher-loading {
+  display: flex;
+  align-items: center;
+  font-size: type.$font-size-14;
+}
+
 .version-switcher-dropdown {
   display: flex;
   flex-flow: column nowrap;