diff --git a/src/renderer/components/button/index.tsx b/src/renderer/components/button/index.tsx
index b394f799..17b0a322 100644
--- a/src/renderer/components/button/index.tsx
+++ b/src/renderer/components/button/index.tsx
@@ -24,7 +24,7 @@ const StyledButton = styled(MantineButton)<StyledButtonProps>`
   background: ${(props) => `var(--btn-${props.variant}-bg)`};
   border: ${(props) => `var(--btn-${props.variant}-border)`};
   border-radius: ${(props) => `var(--btn-${props.variant}-radius)`};
-  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
+  transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
 
   svg {
     transition: fill 0.2s ease-in-out;
@@ -41,6 +41,7 @@ const StyledButton = styled(MantineButton)<StyledButtonProps>`
   &:not([data-disabled])&:hover {
     color: ${(props) => `var(--btn-${props.variant}-fg-hover) !important`};
     background: ${(props) => `var(--btn-${props.variant}-bg-hover)`};
+    border: ${(props) => `var(--btn-${props.variant}-border-hover)`};
 
     svg {
       fill: ${(props) => `var(--btn-${props.variant}-fg-hover)`};
diff --git a/src/renderer/themes/default.scss b/src/renderer/themes/default.scss
index 8fe90a1d..d63fc030 100644
--- a/src/renderer/themes/default.scss
+++ b/src/renderer/themes/default.scss
@@ -72,8 +72,9 @@
   --btn-outline-bg-hover: transparent;
   --btn-outline-fg: rgb(220, 220, 220);
   --btn-outline-fg-hover: rgb(255, 255, 255);
-  --btn-outline-border: 2px rgba(140, 140, 140, 0.5) solid;
-  --btn-outline-radius: 12px;
+  --btn-outline-border: 1px rgba(140, 140, 140, 0.5) solid;
+  --btn-outline-border-hover: 1px rgba(255, 255, 255, 0.5) solid;
+  --btn-outline-radius: 5rem;
 
   --input-bg: rgb(35, 35, 35);
   --input-fg: rgb(193, 193, 193);
diff --git a/src/renderer/themes/light.scss b/src/renderer/themes/light.scss
index 647f0e50..446e7257 100644
--- a/src/renderer/themes/light.scss
+++ b/src/renderer/themes/light.scss
@@ -58,8 +58,9 @@ body[data-theme='defaultLight'] {
   --btn-outline-bg-hover: transparent;
   --btn-outline-fg: rgb(60, 60, 60);
   --btn-outline-fg-hover: rgb(0, 0, 0);
-  --btn-outline-border: 2px rgba(140, 140, 140, 0.5) solid;
-  --btn-outline-radius: 12px;
+  --btn-outline-border: 1px rgba(140, 140, 140, 0.5) solid;
+  --btn-outline-border-hover: 1px rgba(255, 255, 255, 0.5) solid;
+  --btn-outline-radius: 5rem;
 
   --input-bg: rgb(240, 241, 242);
   --input-fg: rgb(0, 0, 0);