fix: minor fixes on styles

Author: Arthurk12

src/components/Button/constants.ts

@@ -64,10 +64,10 @@ const CSS_COLOR_PROPERTIES: CSSColorPropertiesType = {
     default: {
       color: colorWhite,
       background: colorBrand1,
-      border: false,
+      border: colorBrand1,
       hoverColor: colorWhite,
       hoverBackground: colorHoverDark,
-      hoverBorder: false,
+      hoverBorder: colorHoverDark,
       outline: colorBrand1,
     },
     danger: {

src/components/Button/styles.ts

@@ -66,6 +66,7 @@ const commonButtonStyles = css<StyledButtonProps>`
         ${hoverBorder ? `border: 1px solid ${hoverBorder};` : 'border: none;'}
       }
       &&:focus {
+        border: 1px solid transparent;
         outline: 2px solid ${outline};
       }
     `;

src/components/Navigation/styles.ts

@@ -22,7 +22,7 @@ export const NavigationButton = styled.button`
 export const IconTextWrapper = styled.div`
   display: flex;
   flex-direction: row;
-  align-items: flex-start;
+  align-items: center;
   justify-content: center;
   gap: ${spacingMedium};
 `;