diff --git a/src/app.tsx b/src/app.tsx
index 19397c8..357200b 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -54,6 +54,9 @@ export function App() {
   }
   return (
     <>
+      <h1 class="text-4xl text-center m-4">
+        スプラトゥーン3 ランダムブキ編成ガチャ
+      </h1>
       <div class="flex m-6 justify-center">
         <SelectBox
           title="人数"
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index 5c15bef..adc26fd 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -8,7 +8,7 @@ type ButtonProps = {
 export const Button: FunctionComponent<ButtonProps> = ({ text, onClick }) => {
   return (
     <button
-      class="flex p-2 rounded-lg bg-blue-500 text-white"
+      class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
       onClick={onClick}
     >
       {text}
diff --git a/src/components/Card.tsx b/src/components/Card.tsx
index 9a551a7..5ed7e79 100644
--- a/src/components/Card.tsx
+++ b/src/components/Card.tsx
@@ -8,7 +8,7 @@ type CardProps = {
 export const Card: FunctionComponent<CardProps> = ({ title, weaponList }) => {
   return (
     <div class="bg-white shadow-lg rounded-lg overflow-hidden">
-      <div class="bg-gray-200 text-gray-600 text-lg font-bold p-2">{title}</div>
+      <div class="bg-gray-200 text-gray-700 text-lg px-6 py-4">{title}</div>
       <ul class="text-gray-600">
         {weaponList.map((weapon, index) => (
           <li key={index} class="border-b border-gray-200 p-2">
diff --git a/src/components/SelectBox.tsx b/src/components/SelectBox.tsx
index d4bb323..82f6636 100644
--- a/src/components/SelectBox.tsx
+++ b/src/components/SelectBox.tsx
@@ -20,7 +20,7 @@ export const SelectBox: FunctionComponent<SelectBoxProps> = ({
         {title}
       </label>
       <select
-        class="mt-1 block w-full rounded-md bg-gray-100 border-transparent focus:border-gray-500 focus:bg-white focus:ring-0"
+        class="w-32 bg-white border border-gray-400 hover:border-gray-500 px-4 py-2 pr-8 rounded shadow leading-tight focus:outline-none focus:shadow-outline"
         id="select-box"
         name="select-box"
         onChange={(e) => onSelectChange(e)}