From f5be63bbbd2417c6f18fa5320e31a4e365411b90 Mon Sep 17 00:00:00 2001
From: Nick Lee <lenchol@amazon.com>
Date: Sat, 19 Dec 2020 14:15:45 +0000
Subject: [PATCH] fix flex box layout

---
 package.json      | 2 +-
 src/HandMatrix.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index f283849..cc62f3d 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
   "scripts": {
     "build": "webpack --mode production"
   },
-  "version": "0.1.1",
+  "version": "0.1.2",
   "devDependencies": {
     "@babel/cli": "^7.11.6",
     "@babel/core": "^7.11.6",
diff --git a/src/HandMatrix.js b/src/HandMatrix.js
index 92fa48e..f3a6fb5 100644
--- a/src/HandMatrix.js
+++ b/src/HandMatrix.js
@@ -73,7 +73,7 @@ const ComboRow = React.memo(
       {row.map((combo, j) => (
         <div
           className="hand-matrix-cell"
-          style={{ flexGrow: 1 }}
+          style={{ flex: "1 1 0px" }}
           onClick={() => onClick && onClick(combo)}
           onMouseUp={() => onMouseUp && onMouseUp(combo)}
           onMouseDown={() => onMouseDown && onMouseDown(combo)}