diff --git a/src/components/board/StoneView.tsx b/src/components/board/StoneView.tsx
index fdae813..e795b33 100644
--- a/src/components/board/StoneView.tsx
+++ b/src/components/board/StoneView.tsx
@@ -2,18 +2,19 @@ import * as React from "react";
 import { FunctionComponent } from "react";
 
 const StoneView: FunctionComponent<{ color: string }> = ({ color }) => {
-    return (
-      <div
-        style={{
-          background: color,
-          margin: "1px",
-          width: "1vw",
-          height: "1vw",
-          borderRadius: "10vw",
-          transition: "background-color 0.5s",
-        }}
-      />
-    );
-  };
+  return (
+    <div className="stone" style={{ background: color }}>
+      <style jsx>{`
+          .stone {
+            margin: 1px;
+            width: 1vw;
+            height: 1vw;
+            border-radius: 10vw;
+            transition: background-color 0.5s;
+          }
+        `}</style>
+    </div>
+  );
+};
 
-  export default StoneView;
\ No newline at end of file
+export default StoneView;
\ No newline at end of file