diff --git a/src/additional-components/Controls/index.tsx b/src/additional-components/Controls/index.tsx
index 02ab1cf3..5e4ece7f 100644
--- a/src/additional-components/Controls/index.tsx
+++ b/src/additional-components/Controls/index.tsx
@@ -23,12 +23,12 @@ export interface ControlProps extends HTMLAttributes<HTMLDivElement> {
   onInteractiveChange?: (interactiveStatus: boolean) => void;
 }
 
-export interface ControlButtonProps extends HTMLAttributes<HTMLDivElement> {}
+export interface ControlButtonProps extends HTMLAttributes<HTMLButtonElement> {}
 
 export const ControlButton: FC<ControlButtonProps> = ({ children, className, ...rest }) => (
-  <div className={cc(['react-flow__controls-button', className])} {...rest}>
+  <button className={cc(['react-flow__controls-button', className])} {...rest}>
     {children}
-  </div>
+  </button>
 );
 
 const Controls: FC<ControlProps> = ({
diff --git a/src/style.css b/src/style.css
index 53a4dd3c..327cfbef 100644
--- a/src/style.css
+++ b/src/style.css
@@ -171,6 +171,7 @@
   &-button {
     width: 24px;
     height: 24px;
+    border: none;
 
     svg {
       width: 100%;