diff --git a/packages/renderer/src/components/button/index.tsx b/packages/renderer/src/components/button/index.tsx
index 1022d08ce..d1c55ab18 100644
--- a/packages/renderer/src/components/button/index.tsx
+++ b/packages/renderer/src/components/button/index.tsx
@@ -173,8 +173,14 @@ const StyledButton = styled(MantineButton)<StyledButtonProps>`
   }
 
   & .mantine-Button-leftIcon {
+    display: flex;
     margin-right: 0.5rem;
   }
+
+  .mantine-Button-rightIcon {
+    display: flex;
+    margin-left: 0.5rem;
+  }
 `;
 
 const ButtonChildWrapper = styled.span<{ $loading?: boolean }>`
diff --git a/packages/renderer/src/components/dropdown-menu/index.tsx b/packages/renderer/src/components/dropdown-menu/index.tsx
index b116eea3e..7dbb471f3 100644
--- a/packages/renderer/src/components/dropdown-menu/index.tsx
+++ b/packages/renderer/src/components/dropdown-menu/index.tsx
@@ -49,6 +49,7 @@ const StyledMenuItem = styled(MantineMenu.Item)<MenuItemProps>`
   }
 
   & .mantine-Menu-itemRightSection {
+    display: flex;
     margin-left: 2rem !important;
     color: ${({ $isActive }) => ($isActive ? 'var(--primary-color)' : 'var(--dropdown-menu-fg)')};
   }