diff --git a/components/grid/__tests__/__snapshots__/index.test.tsx.snap b/components/grid/__tests__/__snapshots__/index.test.tsx.snap
index c84060e..7ea9e6e 100644
--- a/components/grid/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/grid/__tests__/__snapshots__/index.test.tsx.snap
@@ -25,7 +25,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
           flex-grow: 0;
           max-width: 4.166666666666667%;
           flex-basis: 4.166666666666667%;
-          display: unset;
+          display: inherit;
         }
 
         @media only screen and (max-width: 650px) {
@@ -33,7 +33,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
             flex-grow: 0;
             max-width: 4.166666666666667%;
             flex-basis: 4.166666666666667%;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -42,7 +42,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
             flex-grow: 0;
             max-width: 8.333333333333334%;
             flex-basis: 8.333333333333334%;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -51,7 +51,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
             flex-grow: 0;
             max-width: 12.5%;
             flex-basis: 12.5%;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -60,7 +60,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
             flex-grow: 0;
             max-width: 16.666666666666668%;
             flex-basis: 16.666666666666668%;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -69,7 +69,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
             flex-grow: 0;
             max-width: 20.833333333333336%;
             flex-basis: 20.833333333333336%;
-            display: unset;
+            display: inherit;
           }
         }
       </style></div><style>
@@ -96,7 +96,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
           flex-grow: 0;
           max-width: 4.166666666666667%;
           flex-basis: 4.166666666666667%;
-          display: unset;
+          display: inherit;
         }
 
         @media only screen and (max-width: 650px) {
@@ -104,7 +104,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
             flex-grow: 0;
             max-width: 4.166666666666667%;
             flex-basis: 4.166666666666667%;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -113,7 +113,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
             flex-grow: 0;
             max-width: 8.333333333333334%;
             flex-basis: 8.333333333333334%;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -122,7 +122,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
             flex-grow: 0;
             max-width: 12.5%;
             flex-basis: 12.5%;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -131,7 +131,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
             flex-grow: 0;
             max-width: 16.666666666666668%;
             flex-basis: 16.666666666666668%;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -140,7 +140,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
             flex-grow: 0;
             max-width: 20.833333333333336%;
             flex-basis: 20.833333333333336%;
-            display: unset;
+            display: inherit;
           }
         }
       </style></div>"
@@ -171,7 +171,7 @@ exports[`Grid css value should be passed through 1`] = `
           flex-grow: 1;
           max-width: 100%;
           flex-basis: 0;
-          display: unset;
+          display: inherit;
         }
 
         @media only screen and (max-width: 650px) {
@@ -179,7 +179,7 @@ exports[`Grid css value should be passed through 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -188,7 +188,7 @@ exports[`Grid css value should be passed through 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -197,7 +197,7 @@ exports[`Grid css value should be passed through 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -206,7 +206,7 @@ exports[`Grid css value should be passed through 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -215,7 +215,7 @@ exports[`Grid css value should be passed through 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
       </style></div><style>
@@ -242,7 +242,7 @@ exports[`Grid css value should be passed through 1`] = `
           flex-grow: 1;
           max-width: 100%;
           flex-basis: 0;
-          display: unset;
+          display: inherit;
         }
 
         @media only screen and (max-width: 650px) {
@@ -250,7 +250,7 @@ exports[`Grid css value should be passed through 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -259,7 +259,7 @@ exports[`Grid css value should be passed through 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -268,7 +268,7 @@ exports[`Grid css value should be passed through 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -277,7 +277,7 @@ exports[`Grid css value should be passed through 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -286,7 +286,7 @@ exports[`Grid css value should be passed through 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
       </style></div>"
@@ -317,7 +317,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
           flex-grow: 1;
           max-width: 100%;
           flex-basis: 0;
-          display: unset;
+          display: inherit;
         }
 
         @media only screen and (max-width: 650px) {
@@ -325,7 +325,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -334,7 +334,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -343,7 +343,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -352,7 +352,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -361,7 +361,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
       </style></div><style>
@@ -388,7 +388,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
           flex-grow: 1;
           max-width: 100%;
           flex-basis: 0;
-          display: unset;
+          display: inherit;
         }
 
         @media only screen and (max-width: 650px) {
@@ -396,7 +396,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -405,7 +405,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -414,7 +414,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -423,7 +423,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -432,7 +432,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
       </style></div>"
@@ -463,7 +463,7 @@ exports[`Grid nested components should be supported 1`] = `
           flex-grow: 1;
           max-width: 100%;
           flex-basis: 0;
-          display: unset;
+          display: inherit;
         }
 
         @media only screen and (max-width: 650px) {
@@ -471,7 +471,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -480,7 +480,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -489,7 +489,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -498,7 +498,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -507,7 +507,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
       </style></div><div class=\\"item  mock \\"><div class=\\"item  mock \\">test<style>
@@ -534,7 +534,7 @@ exports[`Grid nested components should be supported 1`] = `
           flex-grow: 1;
           max-width: 100%;
           flex-basis: 0;
-          display: unset;
+          display: inherit;
         }
 
         @media only screen and (max-width: 650px) {
@@ -542,7 +542,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -551,7 +551,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -560,7 +560,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -569,7 +569,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -578,7 +578,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
       </style></div><div class=\\"item  mock \\"><div class=\\"item  mock \\">test<style>
@@ -605,7 +605,7 @@ exports[`Grid nested components should be supported 1`] = `
           flex-grow: 1;
           max-width: 100%;
           flex-basis: 0;
-          display: unset;
+          display: inherit;
         }
 
         @media only screen and (max-width: 650px) {
@@ -613,7 +613,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -622,7 +622,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -631,7 +631,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -640,7 +640,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -649,7 +649,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
       </style></div><div class=\\"item  mock \\"><div class=\\"item  mock \\">test<style>
@@ -676,7 +676,7 @@ exports[`Grid nested components should be supported 1`] = `
           flex-grow: 1;
           max-width: 100%;
           flex-basis: 0;
-          display: unset;
+          display: inherit;
         }
 
         @media only screen and (max-width: 650px) {
@@ -684,7 +684,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -693,7 +693,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -702,7 +702,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -711,7 +711,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -720,7 +720,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
       </style></div><style>
@@ -747,7 +747,7 @@ exports[`Grid nested components should be supported 1`] = `
           flex-grow: 1;
           max-width: 100%;
           flex-basis: 0;
-          display: unset;
+          display: inherit;
         }
 
         @media only screen and (max-width: 650px) {
@@ -755,7 +755,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -764,7 +764,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -773,7 +773,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -782,7 +782,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -791,7 +791,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
       </style></div>,<style>
@@ -818,7 +818,7 @@ exports[`Grid nested components should be supported 1`] = `
           flex-grow: 1;
           max-width: 100%;
           flex-basis: 0;
-          display: unset;
+          display: inherit;
         }
 
         @media only screen and (max-width: 650px) {
@@ -826,7 +826,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -835,7 +835,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -844,7 +844,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -853,7 +853,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -862,7 +862,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
       </style></div>,<style>
@@ -889,7 +889,7 @@ exports[`Grid nested components should be supported 1`] = `
           flex-grow: 1;
           max-width: 100%;
           flex-basis: 0;
-          display: unset;
+          display: inherit;
         }
 
         @media only screen and (max-width: 650px) {
@@ -897,7 +897,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -906,7 +906,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -915,7 +915,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -924,7 +924,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -933,7 +933,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
       </style></div>,<style>
@@ -960,7 +960,7 @@ exports[`Grid nested components should be supported 1`] = `
           flex-grow: 1;
           max-width: 100%;
           flex-basis: 0;
-          display: unset;
+          display: inherit;
         }
 
         @media only screen and (max-width: 650px) {
@@ -968,7 +968,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -977,7 +977,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -986,7 +986,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -995,7 +995,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1004,7 +1004,7 @@ exports[`Grid nested components should be supported 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
       </style></div>"
@@ -1035,7 +1035,7 @@ exports[`Grid should render correctly 1`] = `
           flex-grow: 1;
           max-width: 100%;
           flex-basis: 0;
-          display: unset;
+          display: inherit;
         }
 
         @media only screen and (max-width: 650px) {
@@ -1043,7 +1043,7 @@ exports[`Grid should render correctly 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1052,7 +1052,7 @@ exports[`Grid should render correctly 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1061,7 +1061,7 @@ exports[`Grid should render correctly 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1070,7 +1070,7 @@ exports[`Grid should render correctly 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1079,7 +1079,7 @@ exports[`Grid should render correctly 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
       </style></div><div class=\\"item  mock \\">test<style>
@@ -1106,7 +1106,7 @@ exports[`Grid should render correctly 1`] = `
           flex-grow: 1;
           max-width: 100%;
           flex-basis: 0;
-          display: unset;
+          display: inherit;
         }
 
         @media only screen and (max-width: 650px) {
@@ -1114,7 +1114,7 @@ exports[`Grid should render correctly 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1123,7 +1123,7 @@ exports[`Grid should render correctly 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1132,7 +1132,7 @@ exports[`Grid should render correctly 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1141,7 +1141,7 @@ exports[`Grid should render correctly 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1150,7 +1150,7 @@ exports[`Grid should render correctly 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
       </style></div><style>
@@ -1177,7 +1177,7 @@ exports[`Grid should render correctly 1`] = `
           flex-grow: 1;
           max-width: 100%;
           flex-basis: 0;
-          display: unset;
+          display: inherit;
         }
 
         @media only screen and (max-width: 650px) {
@@ -1185,7 +1185,7 @@ exports[`Grid should render correctly 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1194,7 +1194,7 @@ exports[`Grid should render correctly 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1203,7 +1203,7 @@ exports[`Grid should render correctly 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1212,7 +1212,7 @@ exports[`Grid should render correctly 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1221,7 +1221,7 @@ exports[`Grid should render correctly 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
       </style></div>"
@@ -1252,7 +1252,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
           flex-grow: 0;
           max-width: 100%;
           flex-basis: 100%;
-          display: unset;
+          display: inherit;
         }
 
         @media only screen and (max-width: 650px) {
@@ -1260,7 +1260,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
             flex-grow: 0;
             max-width: 100%;
             flex-basis: 100%;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1269,7 +1269,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1278,7 +1278,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1287,7 +1287,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1296,7 +1296,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
       </style></div><div class=\\"item xs mock \\">test<style>
@@ -1323,7 +1323,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
           flex-grow: 0;
           max-width: 0;
           flex-basis: 0;
-          display: unset;
+          display: inherit;
         }
 
         @media only screen and (max-width: 650px) {
@@ -1331,7 +1331,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
             flex-grow: 0;
             max-width: 0;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1340,7 +1340,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1349,7 +1349,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1358,7 +1358,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1367,7 +1367,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
       </style></div><style>
@@ -1394,7 +1394,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
           flex-grow: 1;
           max-width: 100%;
           flex-basis: 0;
-          display: unset;
+          display: inherit;
         }
 
         @media only screen and (max-width: 650px) {
@@ -1402,7 +1402,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1411,7 +1411,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1420,7 +1420,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1429,7 +1429,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -1438,7 +1438,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
       </style></div>"
diff --git a/components/grid/basic-item.tsx b/components/grid/basic-item.tsx
index 5807193..8e53034 100644
--- a/components/grid/basic-item.tsx
+++ b/components/grid/basic-item.tsx
@@ -35,7 +35,7 @@ type ItemLayoutValue = {
   display: string
 }
 const getItemLayout = (val: BreakpointsValue): ItemLayoutValue => {
-  const display = val === 0 ? 'display: none;' : 'display: unset;'
+  const display = val === 0 ? 'display: none;' : 'display: inherit;'
   if (typeof val === 'number') {
     const width = (100 / 24) * val
     const ratio = width > 100 ? '100%' : width < 0 ? '0' : `${width}%`
diff --git a/components/select/__tests__/__snapshots__/multiple.test.tsx.snap b/components/select/__tests__/__snapshots__/multiple.test.tsx.snap
index 728c00e..e5db993 100644
--- a/components/select/__tests__/__snapshots__/multiple.test.tsx.snap
+++ b/components/select/__tests__/__snapshots__/multiple.test.tsx.snap
@@ -33,7 +33,7 @@ exports[`Select Multiple should render correctly 1`] = `
           flex-grow: 1;
           max-width: 100%;
           flex-basis: 0;
-          display: unset;
+          display: inherit;
         }
 
         @media only screen and (max-width: 650px) {
@@ -41,7 +41,7 @@ exports[`Select Multiple should render correctly 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -50,7 +50,7 @@ exports[`Select Multiple should render correctly 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -59,7 +59,7 @@ exports[`Select Multiple should render correctly 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -68,7 +68,7 @@ exports[`Select Multiple should render correctly 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
 
@@ -77,7 +77,7 @@ exports[`Select Multiple should render correctly 1`] = `
             flex-grow: 1;
             max-width: 100%;
             flex-basis: 0;
-            display: unset;
+            display: inherit;
           }
         }
       </style></div><div class=\\"icon\\"><svg viewBox=\\"0 0 24 24\\" width=\\"1.25em\\" height=\\"1.25em\\" stroke-width=\\"1\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" fill=\\"none\\" shape-rendering=\\"geometricPrecision\\"><path d=\\"M6 9l6 6 6-6\\"></path><style>
diff --git a/package.json b/package.json
index 091aa8e..a3cdee6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@geist-ui/react",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "main": "dist/index.js",
   "module": "esm/index.js",
   "types": "dist/index.d.ts",