diff --git a/packages/apps/esm-login-app/src/logout/logout.scss b/packages/apps/esm-login-app/src/logout/logout.scss index 23780ccd7..a3e833610 100644 --- a/packages/apps/esm-login-app/src/logout/logout.scss +++ b/packages/apps/esm-login-app/src/logout/logout.scss @@ -2,7 +2,10 @@ .logout { padding-right: 0rem; - @include brand-02(background-color); @extend .productiveHeading01; width: 16rem; + + &:hover { + @include brand-01(background-color); + } } diff --git a/packages/apps/esm-offline-tools-app/src/offline-actions/offline-actions-mode-button.component.tsx b/packages/apps/esm-offline-tools-app/src/offline-actions/offline-actions-mode-button.component.tsx index 151263e78..7055b22e8 100644 --- a/packages/apps/esm-offline-tools-app/src/offline-actions/offline-actions-mode-button.component.tsx +++ b/packages/apps/esm-offline-tools-app/src/offline-actions/offline-actions-mode-button.component.tsx @@ -27,16 +27,18 @@ const OfflineActionsModeButton: React.FC = () => { return (
- -
- {t("offlineReady", "Offline Ready")} - +
+ + + {t("offlineReady", "Offline Ready")} +
+
); }; diff --git a/packages/apps/esm-offline-tools-app/src/offline-actions/offline-actions-mode-button.scss b/packages/apps/esm-offline-tools-app/src/offline-actions/offline-actions-mode-button.scss index 6f01f8052..9806f66e3 100644 --- a/packages/apps/esm-offline-tools-app/src/offline-actions/offline-actions-mode-button.scss +++ b/packages/apps/esm-offline-tools-app/src/offline-actions/offline-actions-mode-button.scss @@ -5,7 +5,7 @@ display: flex; flex-direction: row; width: 16rem; - justify-content: flex-start; + justify-content: space-between; color: $field-01; align-items: center; @extend .bodyLong01; @@ -17,7 +17,7 @@ } :global(.cds--toggle) { - margin: 0 0 1rem 1rem; + margin: 0 1rem; } :global(.cds--toggle__text) {