diff --git a/app/components/common/Button/Button.css.ts b/app/components/common/Button/Button.css.ts
index 20a3199..5e836e5 100644
--- a/app/components/common/Button/Button.css.ts
+++ b/app/components/common/Button/Button.css.ts
@@ -5,6 +5,8 @@ import { getMediaQuery, rgba } from '@/utils/style';
 
 export const buttonBase = style({
   cursor: 'pointer',
+  appearance: 'none',
+  WebkitAppearance: 'none',
   ':disabled': {
     cursor: 'not-allowed',
   },
diff --git a/app/root.css.ts b/app/root.css.ts
index 0ab76a3..9f159bb 100644
--- a/app/root.css.ts
+++ b/app/root.css.ts
@@ -3,6 +3,8 @@ import SUITVariable from '@/assets/SUIT-Variable.woff2';
 
 globalFontFace('SUIT-Variable', {
   src: `url(${SUITVariable}) format('woff2')`,
+  /** @link https://stackoverflow.com/questions/77467442/font-weight-too-bold-on-mobile */
+  fontWeight: '100 900',
 });
 
 globalStyle('*, *::before, *::after', {