chore: Fix the alignment of the theme toggle

awslabs · Jul 8, 2024 · f460e38 · f460e38
1 parent a41e4b7
commit f460e38
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/packages/threat-composer/src/components/generic/ThemeToggle/index.tsx b/packages/threat-composer/src/components/generic/ThemeToggle/index.tsx
@@ -22,11 +22,6 @@ import { css } from '@emotion/react';
 import { useThemeContext } from '../ThemeProvider';
 
 const styles = {
-  container: css({
-    height: '100%',
-    display: 'flex',
-    alignItems: 'center',
-  }),
   svg: css({
     color: 'grey !important',
     fill: 'grey !important',
@@ -35,7 +30,7 @@ const styles = {
 
 const ThemeToggle = () => {
   const { theme, setTheme } = useThemeContext();
-  return (<div css={styles.container}>
+  return (<div>
     <SpaceBetween direction="horizontal" size="xs">
       <Toggle
         onChange={({ detail }) =>

diff --git a/packages/threat-composer/src/components/workspaces/WorkspaceSelector/index.tsx b/packages/threat-composer/src/components/workspaces/WorkspaceSelector/index.tsx
@@ -52,6 +52,9 @@ import FileImport from '../../workspaces/FileImport';
 
 const styles = {
   themeToggle: css({
+    height: '100%',
+    display: 'flex',
+    alignItems: 'center',
     [getMobileMediaQuery()]: {
       display: 'none',
     },