diff --git a/src/FocusRegion/index.tsx b/src/FocusRegion/index.tsx
index d819245..7085a98 100644
--- a/src/FocusRegion/index.tsx
+++ b/src/FocusRegion/index.tsx
@@ -50,7 +50,7 @@ const toolbarClass = rule({
   d: 'inline-block',
   pos: 'absolute',
   top: '-11px',
-  l: 'calc(100% - 16px)',
+  l: 'calc(100% - 24px)',
 });
 
 export interface FocusRegionProps {
diff --git a/src/buttons/Action/SwitchAction.tsx b/src/buttons/Action/SwitchAction.tsx
index fd2f12d..1c22a2c 100644
--- a/src/buttons/Action/SwitchAction.tsx
+++ b/src/buttons/Action/SwitchAction.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import {drule, useTheme} from 'nano-theme';
+import {drule} from 'nano-theme';
 import * as css from '../../css';
 import {Action, ActionProps} from '.';
 
@@ -13,24 +13,10 @@ const blockClass = drule({
 });
 
 export const SwitchAction: React.FC<Omit<ActionProps, 'children' | 'className'>> = (props) => {
-  const theme = useTheme();
-
   return (
     <Action
       {...props}
-      className={blockClass({
-        '&:hover': {
-          bg: css.negative,
-          bd: `1px solid ${css.negative}`,
-          svg: {
-            fill: '#fff',
-          },
-        },
-        '&:active': {
-          bg: theme.g(0.1),
-          bd: `1px solid ${theme.g(0.1)}`,
-        },
-      })}
+      className={blockClass()}
     >
       {'~'}
     </Action>