diff --git a/packages/big-design/src/components/AccordionPanel/__snapshots__/spec.tsx.snap b/packages/big-design/src/components/AccordionPanel/__snapshots__/spec.tsx.snap
index c8f545562..df8b49ffb 100644
--- a/packages/big-design/src/components/AccordionPanel/__snapshots__/spec.tsx.snap
+++ b/packages/big-design/src/components/AccordionPanel/__snapshots__/spec.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`it renders accordion panel header 1`] = `
 <h2
-  class="styled__StyledH2-sc-tqnj75-2 styled__StyledH2-sc-1h6ef3q-1 ilmBBr iRmYTD"
+  class="styled__StyledH2-sc-tqnj75-2 styled__StyledH2-sc-1h6ef3q-1 eHRezr gzTpqj"
 >
   Accordion Panel Header
 </h2>
diff --git a/packages/big-design/src/components/Tree/__snapshots__/spec.tsx.snap b/packages/big-design/src/components/Tree/__snapshots__/spec.tsx.snap
index fe497402d..8d9e37317 100644
--- a/packages/big-design/src/components/Tree/__snapshots__/spec.tsx.snap
+++ b/packages/big-design/src/components/Tree/__snapshots__/spec.tsx.snap
@@ -3,25 +3,25 @@
 exports[`renders simple tree 1`] = `
 <ul
   aria-multiselectable="false"
-  class="styled__StyledUl-sc-6366r7-0 hawOvx"
+  class="styled__StyledUl-sc-6366r7-0 CTgzp"
   role="tree"
   style="overflow: hidden;"
 >
   <li
     aria-expanded="false"
-    class="styled__StyledLi-sc-1073t7q-0 eCfOem"
+    class="styled__StyledLi-sc-1073t7q-0 hgMOyK"
     role="treeitem"
     tabindex="-1"
   >
     <div
-      class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlex-sc-hcvk8l-0 hDRTcY styled__StyledFlex-sc-1073t7q-3 Yzwvv"
+      class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlex-sc-hcvk8l-0 iOxWck styled__StyledFlex-sc-1073t7q-3 eWYlGX"
     >
       <div
-        class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlexItem-sc-smjqtt-0 cNVUGs styled__StyledArrowWrapper-sc-1073t7q-1 cdDZAQ"
+        class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlexItem-sc-smjqtt-0 KYrhU styled__StyledArrowWrapper-sc-1073t7q-1 hDNUYY"
       >
         <svg
           aria-hidden="true"
-          class="base__StyledIcon-sc-a9u0e1-0 becPjm"
+          class="base__StyledIcon-sc-a9u0e1-0 iyaUka"
           color="secondary60"
           fill="currentColor"
           focusable="false"
@@ -41,11 +41,11 @@ exports[`renders simple tree 1`] = `
         </svg>
       </div>
       <div
-        class="styled__StyledBox-sc-sj5f1m-0 fYQvrt styled__StyledFlexItem-sc-smjqtt-0 cNVUGs styled__StyledFlexItem-sc-1073t7q-4 kVANmx"
+        class="styled__StyledBox-sc-sj5f1m-0 lblhGF styled__StyledFlexItem-sc-smjqtt-0 KYrhU styled__StyledFlexItem-sc-1073t7q-4 klaYvl"
       >
         <svg
           aria-hidden="true"
-          class="base__StyledIcon-sc-a9u0e1-0 fUPZhF"
+          class="base__StyledIcon-sc-a9u0e1-0 hCtMnF"
           color="primary30"
           fill="currentColor"
           height="24"
@@ -64,31 +64,31 @@ exports[`renders simple tree 1`] = `
         </svg>
       </div>
       <span
-        class="styled__StyledText-sc-tqnj75-5 styled__StyledText-sc-1073t7q-6 JOqDe jfxEbw"
+        class="styled__StyledText-sc-tqnj75-5 styled__StyledText-sc-1073t7q-6 edjNbm dwoUpg"
         color="secondary70"
       >
         Test Node 0
       </span>
     </div>
     <ul
-      class="styled__StyledUl-sc-6366r7-0 lncZgI"
+      class="styled__StyledUl-sc-6366r7-0 dfDcno"
       role="group"
     >
       <li
         aria-expanded="false"
-        class="styled__StyledLi-sc-1073t7q-0 eCfOem"
+        class="styled__StyledLi-sc-1073t7q-0 hgMOyK"
         role="treeitem"
         tabindex="-1"
       >
         <div
-          class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlex-sc-hcvk8l-0 hDRTcY styled__StyledFlex-sc-1073t7q-3 Yzwvv"
+          class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlex-sc-hcvk8l-0 iOxWck styled__StyledFlex-sc-1073t7q-3 eWYlGX"
         >
           <div
-            class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlexItem-sc-smjqtt-0 cNVUGs styled__StyledArrowWrapper-sc-1073t7q-1 cdDZAQ"
+            class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlexItem-sc-smjqtt-0 KYrhU styled__StyledArrowWrapper-sc-1073t7q-1 hDNUYY"
           >
             <svg
               aria-hidden="true"
-              class="base__StyledIcon-sc-a9u0e1-0 becPjm"
+              class="base__StyledIcon-sc-a9u0e1-0 iyaUka"
               color="secondary60"
               fill="currentColor"
               focusable="false"
@@ -108,11 +108,11 @@ exports[`renders simple tree 1`] = `
             </svg>
           </div>
           <div
-            class="styled__StyledBox-sc-sj5f1m-0 fYQvrt styled__StyledFlexItem-sc-smjqtt-0 cNVUGs styled__StyledFlexItem-sc-1073t7q-4 kVANmx"
+            class="styled__StyledBox-sc-sj5f1m-0 lblhGF styled__StyledFlexItem-sc-smjqtt-0 KYrhU styled__StyledFlexItem-sc-1073t7q-4 klaYvl"
           >
             <svg
               aria-hidden="true"
-              class="base__StyledIcon-sc-a9u0e1-0 fUPZhF"
+              class="base__StyledIcon-sc-a9u0e1-0 hCtMnF"
               color="primary30"
               fill="currentColor"
               height="24"
@@ -131,34 +131,34 @@ exports[`renders simple tree 1`] = `
             </svg>
           </div>
           <span
-            class="styled__StyledText-sc-tqnj75-5 styled__StyledText-sc-1073t7q-6 JOqDe jfxEbw"
+            class="styled__StyledText-sc-tqnj75-5 styled__StyledText-sc-1073t7q-6 edjNbm dwoUpg"
             color="secondary70"
           >
             Test Node 5
           </span>
         </div>
         <ul
-          class="styled__StyledUl-sc-6366r7-0 lncZgI"
+          class="styled__StyledUl-sc-6366r7-0 dfDcno"
           role="group"
         >
           <li
             aria-expanded="false"
-            class="styled__StyledLi-sc-1073t7q-0 eCfOem"
+            class="styled__StyledLi-sc-1073t7q-0 hgMOyK"
             role="treeitem"
             tabindex="-1"
           >
             <div
-              class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlex-sc-hcvk8l-0 hDRTcY styled__StyledFlex-sc-1073t7q-3 Yzwvv"
+              class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlex-sc-hcvk8l-0 iOxWck styled__StyledFlex-sc-1073t7q-3 eWYlGX"
             >
               <div
-                class="styled__StyledGap-sc-1073t7q-5 kiVkBm"
+                class="styled__StyledGap-sc-1073t7q-5 gEDjEi"
               />
               <div
-                class="styled__StyledBox-sc-sj5f1m-0 fYQvrt styled__StyledFlexItem-sc-smjqtt-0 cNVUGs styled__StyledFlexItem-sc-1073t7q-4 kVANmx"
+                class="styled__StyledBox-sc-sj5f1m-0 lblhGF styled__StyledFlexItem-sc-smjqtt-0 KYrhU styled__StyledFlexItem-sc-1073t7q-4 klaYvl"
               >
                 <svg
                   aria-hidden="true"
-                  class="base__StyledIcon-sc-a9u0e1-0 fUPZhF"
+                  class="base__StyledIcon-sc-a9u0e1-0 hCtMnF"
                   color="primary30"
                   fill="currentColor"
                   height="24"
@@ -177,7 +177,7 @@ exports[`renders simple tree 1`] = `
                 </svg>
               </div>
               <span
-                class="styled__StyledText-sc-tqnj75-5 styled__StyledText-sc-1073t7q-6 JOqDe jfxEbw"
+                class="styled__StyledText-sc-tqnj75-5 styled__StyledText-sc-1073t7q-6 edjNbm dwoUpg"
                 color="secondary70"
               >
                 Test Node 9
@@ -190,19 +190,19 @@ exports[`renders simple tree 1`] = `
   </li>
   <li
     aria-expanded="false"
-    class="styled__StyledLi-sc-1073t7q-0 eCfOem"
+    class="styled__StyledLi-sc-1073t7q-0 hgMOyK"
     role="treeitem"
     tabindex="-1"
   >
     <div
-      class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlex-sc-hcvk8l-0 hDRTcY styled__StyledFlex-sc-1073t7q-3 Yzwvv"
+      class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlex-sc-hcvk8l-0 iOxWck styled__StyledFlex-sc-1073t7q-3 eWYlGX"
     >
       <div
-        class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlexItem-sc-smjqtt-0 cNVUGs styled__StyledArrowWrapper-sc-1073t7q-1 cdDZAQ"
+        class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlexItem-sc-smjqtt-0 KYrhU styled__StyledArrowWrapper-sc-1073t7q-1 hDNUYY"
       >
         <svg
           aria-hidden="true"
-          class="base__StyledIcon-sc-a9u0e1-0 becPjm"
+          class="base__StyledIcon-sc-a9u0e1-0 iyaUka"
           color="secondary60"
           fill="currentColor"
           focusable="false"
@@ -222,11 +222,11 @@ exports[`renders simple tree 1`] = `
         </svg>
       </div>
       <div
-        class="styled__StyledBox-sc-sj5f1m-0 fYQvrt styled__StyledFlexItem-sc-smjqtt-0 cNVUGs styled__StyledFlexItem-sc-1073t7q-4 kVANmx"
+        class="styled__StyledBox-sc-sj5f1m-0 lblhGF styled__StyledFlexItem-sc-smjqtt-0 KYrhU styled__StyledFlexItem-sc-1073t7q-4 klaYvl"
       >
         <svg
           aria-hidden="true"
-          class="base__StyledIcon-sc-a9u0e1-0 fUPZhF"
+          class="base__StyledIcon-sc-a9u0e1-0 hCtMnF"
           color="primary30"
           fill="currentColor"
           height="24"
@@ -245,34 +245,34 @@ exports[`renders simple tree 1`] = `
         </svg>
       </div>
       <span
-        class="styled__StyledText-sc-tqnj75-5 styled__StyledText-sc-1073t7q-6 JOqDe jfxEbw"
+        class="styled__StyledText-sc-tqnj75-5 styled__StyledText-sc-1073t7q-6 edjNbm dwoUpg"
         color="secondary70"
       >
         Test Node 1
       </span>
     </div>
     <ul
-      class="styled__StyledUl-sc-6366r7-0 lncZgI"
+      class="styled__StyledUl-sc-6366r7-0 dfDcno"
       role="group"
     >
       <li
         aria-expanded="false"
-        class="styled__StyledLi-sc-1073t7q-0 eCfOem"
+        class="styled__StyledLi-sc-1073t7q-0 hgMOyK"
         role="treeitem"
         tabindex="-1"
       >
         <div
-          class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlex-sc-hcvk8l-0 hDRTcY styled__StyledFlex-sc-1073t7q-3 Yzwvv"
+          class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlex-sc-hcvk8l-0 iOxWck styled__StyledFlex-sc-1073t7q-3 eWYlGX"
         >
           <div
-            class="styled__StyledGap-sc-1073t7q-5 kiVkBm"
+            class="styled__StyledGap-sc-1073t7q-5 gEDjEi"
           />
           <div
-            class="styled__StyledBox-sc-sj5f1m-0 fYQvrt styled__StyledFlexItem-sc-smjqtt-0 cNVUGs styled__StyledFlexItem-sc-1073t7q-4 kVANmx"
+            class="styled__StyledBox-sc-sj5f1m-0 lblhGF styled__StyledFlexItem-sc-smjqtt-0 KYrhU styled__StyledFlexItem-sc-1073t7q-4 klaYvl"
           >
             <svg
               aria-hidden="true"
-              class="base__StyledIcon-sc-a9u0e1-0 fUPZhF"
+              class="base__StyledIcon-sc-a9u0e1-0 hCtMnF"
               color="primary30"
               fill="currentColor"
               height="24"
@@ -291,7 +291,7 @@ exports[`renders simple tree 1`] = `
             </svg>
           </div>
           <span
-            class="styled__StyledText-sc-tqnj75-5 styled__StyledText-sc-1073t7q-6 JOqDe jfxEbw"
+            class="styled__StyledText-sc-tqnj75-5 styled__StyledText-sc-1073t7q-6 edjNbm dwoUpg"
             color="secondary70"
           >
             Test Node 6
@@ -302,22 +302,22 @@ exports[`renders simple tree 1`] = `
   </li>
   <li
     aria-expanded="false"
-    class="styled__StyledLi-sc-1073t7q-0 eCfOem"
+    class="styled__StyledLi-sc-1073t7q-0 hgMOyK"
     role="treeitem"
     tabindex="-1"
   >
     <div
-      class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlex-sc-hcvk8l-0 hDRTcY styled__StyledFlex-sc-1073t7q-3 Yzwvv"
+      class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlex-sc-hcvk8l-0 iOxWck styled__StyledFlex-sc-1073t7q-3 eWYlGX"
     >
       <div
-        class="styled__StyledGap-sc-1073t7q-5 kiVkBm"
+        class="styled__StyledGap-sc-1073t7q-5 gEDjEi"
       />
       <div
-        class="styled__StyledBox-sc-sj5f1m-0 fYQvrt styled__StyledFlexItem-sc-smjqtt-0 cNVUGs styled__StyledFlexItem-sc-1073t7q-4 kVANmx"
+        class="styled__StyledBox-sc-sj5f1m-0 lblhGF styled__StyledFlexItem-sc-smjqtt-0 KYrhU styled__StyledFlexItem-sc-1073t7q-4 klaYvl"
       >
         <svg
           aria-hidden="true"
-          class="base__StyledIcon-sc-a9u0e1-0 fUPZhF"
+          class="base__StyledIcon-sc-a9u0e1-0 hCtMnF"
           color="primary30"
           fill="currentColor"
           height="24"
@@ -336,7 +336,7 @@ exports[`renders simple tree 1`] = `
         </svg>
       </div>
       <span
-        class="styled__StyledText-sc-tqnj75-5 styled__StyledText-sc-1073t7q-6 JOqDe jfxEbw"
+        class="styled__StyledText-sc-tqnj75-5 styled__StyledText-sc-1073t7q-6 edjNbm dwoUpg"
         color="secondary70"
       >
         Category
@@ -345,19 +345,19 @@ exports[`renders simple tree 1`] = `
   </li>
   <li
     aria-expanded="false"
-    class="styled__StyledLi-sc-1073t7q-0 eCfOem"
+    class="styled__StyledLi-sc-1073t7q-0 hgMOyK"
     role="treeitem"
     tabindex="-1"
   >
     <div
-      class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlex-sc-hcvk8l-0 hDRTcY styled__StyledFlex-sc-1073t7q-3 Yzwvv"
+      class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlex-sc-hcvk8l-0 iOxWck styled__StyledFlex-sc-1073t7q-3 eWYlGX"
     >
       <div
-        class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlexItem-sc-smjqtt-0 cNVUGs styled__StyledArrowWrapper-sc-1073t7q-1 cdDZAQ"
+        class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlexItem-sc-smjqtt-0 KYrhU styled__StyledArrowWrapper-sc-1073t7q-1 hDNUYY"
       >
         <svg
           aria-hidden="true"
-          class="base__StyledIcon-sc-a9u0e1-0 becPjm"
+          class="base__StyledIcon-sc-a9u0e1-0 iyaUka"
           color="secondary60"
           fill="currentColor"
           focusable="false"
@@ -377,11 +377,11 @@ exports[`renders simple tree 1`] = `
         </svg>
       </div>
       <div
-        class="styled__StyledBox-sc-sj5f1m-0 fYQvrt styled__StyledFlexItem-sc-smjqtt-0 cNVUGs styled__StyledFlexItem-sc-1073t7q-4 kVANmx"
+        class="styled__StyledBox-sc-sj5f1m-0 lblhGF styled__StyledFlexItem-sc-smjqtt-0 KYrhU styled__StyledFlexItem-sc-1073t7q-4 klaYvl"
       >
         <svg
           aria-hidden="true"
-          class="base__StyledIcon-sc-a9u0e1-0 fUPZhF"
+          class="base__StyledIcon-sc-a9u0e1-0 hCtMnF"
           color="primary30"
           fill="currentColor"
           height="24"
@@ -400,34 +400,34 @@ exports[`renders simple tree 1`] = `
         </svg>
       </div>
       <span
-        class="styled__StyledText-sc-tqnj75-5 styled__StyledText-sc-1073t7q-6 JOqDe jfxEbw"
+        class="styled__StyledText-sc-tqnj75-5 styled__StyledText-sc-1073t7q-6 edjNbm dwoUpg"
         color="secondary70"
       >
         Test Node 3
       </span>
     </div>
     <ul
-      class="styled__StyledUl-sc-6366r7-0 lncZgI"
+      class="styled__StyledUl-sc-6366r7-0 dfDcno"
       role="group"
     >
       <li
         aria-expanded="false"
-        class="styled__StyledLi-sc-1073t7q-0 eCfOem"
+        class="styled__StyledLi-sc-1073t7q-0 hgMOyK"
         role="treeitem"
         tabindex="-1"
       >
         <div
-          class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlex-sc-hcvk8l-0 hDRTcY styled__StyledFlex-sc-1073t7q-3 Yzwvv"
+          class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlex-sc-hcvk8l-0 iOxWck styled__StyledFlex-sc-1073t7q-3 eWYlGX"
         >
           <div
-            class="styled__StyledGap-sc-1073t7q-5 kiVkBm"
+            class="styled__StyledGap-sc-1073t7q-5 gEDjEi"
           />
           <div
-            class="styled__StyledBox-sc-sj5f1m-0 fYQvrt styled__StyledFlexItem-sc-smjqtt-0 cNVUGs styled__StyledFlexItem-sc-1073t7q-4 kVANmx"
+            class="styled__StyledBox-sc-sj5f1m-0 lblhGF styled__StyledFlexItem-sc-smjqtt-0 KYrhU styled__StyledFlexItem-sc-1073t7q-4 klaYvl"
           >
             <svg
               aria-hidden="true"
-              class="base__StyledIcon-sc-a9u0e1-0 fUPZhF"
+              class="base__StyledIcon-sc-a9u0e1-0 hCtMnF"
               color="primary30"
               fill="currentColor"
               height="24"
@@ -446,7 +446,7 @@ exports[`renders simple tree 1`] = `
             </svg>
           </div>
           <span
-            class="styled__StyledText-sc-tqnj75-5 styled__StyledText-sc-1073t7q-6 JOqDe jfxEbw"
+            class="styled__StyledText-sc-tqnj75-5 styled__StyledText-sc-1073t7q-6 edjNbm dwoUpg"
             color="secondary70"
           >
             Test Node 7
@@ -457,19 +457,19 @@ exports[`renders simple tree 1`] = `
   </li>
   <li
     aria-expanded="false"
-    class="styled__StyledLi-sc-1073t7q-0 eCfOem"
+    class="styled__StyledLi-sc-1073t7q-0 hgMOyK"
     role="treeitem"
     tabindex="-1"
   >
     <div
-      class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlex-sc-hcvk8l-0 hDRTcY styled__StyledFlex-sc-1073t7q-3 Yzwvv"
+      class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlex-sc-hcvk8l-0 iOxWck styled__StyledFlex-sc-1073t7q-3 eWYlGX"
     >
       <div
-        class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlexItem-sc-smjqtt-0 cNVUGs styled__StyledArrowWrapper-sc-1073t7q-1 cdDZAQ"
+        class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlexItem-sc-smjqtt-0 KYrhU styled__StyledArrowWrapper-sc-1073t7q-1 hDNUYY"
       >
         <svg
           aria-hidden="true"
-          class="base__StyledIcon-sc-a9u0e1-0 becPjm"
+          class="base__StyledIcon-sc-a9u0e1-0 iyaUka"
           color="secondary60"
           fill="currentColor"
           focusable="false"
@@ -489,11 +489,11 @@ exports[`renders simple tree 1`] = `
         </svg>
       </div>
       <div
-        class="styled__StyledBox-sc-sj5f1m-0 fYQvrt styled__StyledFlexItem-sc-smjqtt-0 cNVUGs styled__StyledFlexItem-sc-1073t7q-4 kVANmx"
+        class="styled__StyledBox-sc-sj5f1m-0 lblhGF styled__StyledFlexItem-sc-smjqtt-0 KYrhU styled__StyledFlexItem-sc-1073t7q-4 klaYvl"
       >
         <svg
           aria-hidden="true"
-          class="base__StyledIcon-sc-a9u0e1-0 fUPZhF"
+          class="base__StyledIcon-sc-a9u0e1-0 hCtMnF"
           color="primary30"
           fill="currentColor"
           height="24"
@@ -512,34 +512,34 @@ exports[`renders simple tree 1`] = `
         </svg>
       </div>
       <span
-        class="styled__StyledText-sc-tqnj75-5 styled__StyledText-sc-1073t7q-6 JOqDe jfxEbw"
+        class="styled__StyledText-sc-tqnj75-5 styled__StyledText-sc-1073t7q-6 edjNbm dwoUpg"
         color="secondary70"
       >
         Test Node 4
       </span>
     </div>
     <ul
-      class="styled__StyledUl-sc-6366r7-0 lncZgI"
+      class="styled__StyledUl-sc-6366r7-0 dfDcno"
       role="group"
     >
       <li
         aria-expanded="false"
-        class="styled__StyledLi-sc-1073t7q-0 eCfOem"
+        class="styled__StyledLi-sc-1073t7q-0 hgMOyK"
         role="treeitem"
         tabindex="-1"
       >
         <div
-          class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlex-sc-hcvk8l-0 hDRTcY styled__StyledFlex-sc-1073t7q-3 Yzwvv"
+          class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlex-sc-hcvk8l-0 iOxWck styled__StyledFlex-sc-1073t7q-3 eWYlGX"
         >
           <div
-            class="styled__StyledGap-sc-1073t7q-5 kiVkBm"
+            class="styled__StyledGap-sc-1073t7q-5 gEDjEi"
           />
           <div
-            class="styled__StyledBox-sc-sj5f1m-0 fYQvrt styled__StyledFlexItem-sc-smjqtt-0 cNVUGs styled__StyledFlexItem-sc-1073t7q-4 kVANmx"
+            class="styled__StyledBox-sc-sj5f1m-0 lblhGF styled__StyledFlexItem-sc-smjqtt-0 KYrhU styled__StyledFlexItem-sc-1073t7q-4 klaYvl"
           >
             <svg
               aria-hidden="true"
-              class="base__StyledIcon-sc-a9u0e1-0 fUPZhF"
+              class="base__StyledIcon-sc-a9u0e1-0 hCtMnF"
               color="primary30"
               fill="currentColor"
               height="24"
@@ -558,7 +558,7 @@ exports[`renders simple tree 1`] = `
             </svg>
           </div>
           <span
-            class="styled__StyledText-sc-tqnj75-5 styled__StyledText-sc-1073t7q-6 JOqDe jfxEbw"
+            class="styled__StyledText-sc-tqnj75-5 styled__StyledText-sc-1073t7q-6 edjNbm dwoUpg"
             color="secondary70"
           >
             Test Node 8
diff --git a/packages/big-design/src/components/Worksheet/Row/Row.tsx b/packages/big-design/src/components/Worksheet/Row/Row.tsx
index 18d24dff5..bfbd45205 100644
--- a/packages/big-design/src/components/Worksheet/Row/Row.tsx
+++ b/packages/big-design/src/components/Worksheet/Row/Row.tsx
@@ -73,6 +73,17 @@ const InternalRow = <T extends WorksheetItem>({ columns, rowIndex }: RowProps<T>
     [expandableRows, row.id],
   );
 
+  const getIsCellDisabled = useCallback(
+    ({ enabled, disabled }: InternalWorksheetColumn<T>) => {
+      if (typeof enabled === 'boolean' && enabled) {
+        return false;
+      }
+
+      return disabled || isDisabled;
+    },
+    [isDisabled],
+  );
+
   if (isChild && !isExpanded) {
     return null;
   }
@@ -83,7 +94,7 @@ const InternalRow = <T extends WorksheetItem>({ columns, rowIndex }: RowProps<T>
       {columns.map((column, columnIndex) => (
         <Cell
           columnIndex={columnIndex}
-          disabled={column.disabled || isDisabled}
+          disabled={getIsCellDisabled(column)}
           formatting={hasFormatting(column) ? column.formatting : undefined}
           hash={column.hash}
           isChild={isChild}
diff --git a/packages/big-design/src/components/Worksheet/__snapshots__/spec.tsx.snap b/packages/big-design/src/components/Worksheet/__snapshots__/spec.tsx.snap
index a4208dfab..570a84999 100644
--- a/packages/big-design/src/components/Worksheet/__snapshots__/spec.tsx.snap
+++ b/packages/big-design/src/components/Worksheet/__snapshots__/spec.tsx.snap
@@ -2,53 +2,53 @@
 
 exports[`renders worksheet 1`] = `
 <div
-  class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledBox-sc-16rzzpq-2 fWbqqz"
+  class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledBox-sc-16rzzpq-2 cemYyb"
 >
   <table
-    class="styled__Table-sc-16rzzpq-0 evXUPL"
+    class="styled__Table-sc-16rzzpq-0 eXziOH"
     tabindex="0"
   >
     <thead>
       <tr>
         <td
-          class="styled__Status-sc-1aacki0-0 jJFKzo"
+          class="styled__Status-sc-1aacki0-0 ehuSXg"
         />
         <th
-          class="styled__Header-sc-16rzzpq-1 hUzZCA"
+          class="styled__Header-sc-16rzzpq-1 gWdzqs"
         >
           Product name
            
         </th>
         <th
-          class="styled__Header-sc-16rzzpq-1 cuOEbX"
+          class="styled__Header-sc-16rzzpq-1 fUGuLz"
         >
           Visible on storefront
            
         </th>
         <th
-          class="styled__Header-sc-16rzzpq-1 hUzZCA"
+          class="styled__Header-sc-16rzzpq-1 gWdzqs"
         >
           Other field
            
         </th>
         <th
-          class="styled__Header-sc-16rzzpq-1 hUzZCA"
+          class="styled__Header-sc-16rzzpq-1 gWdzqs"
         >
           Other field
            
         </th>
         <th
-          class="styled__Header-sc-16rzzpq-1 ccGOYN"
+          class="styled__Header-sc-16rzzpq-1 hLTgxl"
         >
           Number field
            
           <span
-            class="styled__StyledBox-sc-sj5f1m-0 fYQvrt"
+            class="styled__StyledBox-sc-sj5f1m-0 lblhGF"
           >
             <svg
               aria-describedby=":r0:"
               aria-labelledby=":r1:"
-              class="base__StyledIcon-sc-a9u0e1-0 jwHcOm"
+              class="base__StyledIcon-sc-a9u0e1-0 kzCGkm"
               fill="currentColor"
               height="24"
               stroke="currentColor"
@@ -76,14 +76,14 @@ exports[`renders worksheet 1`] = `
     <tbody>
       <tr>
         <td
-          class="styled__Status-sc-1aacki0-0 jJFKzo"
+          class="styled__Status-sc-1aacki0-0 ehuSXg"
         />
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="text"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="Shoes Name Three"
           >
@@ -91,35 +91,35 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 fCAVnT"
+          class="styled__StyledCell-sc-1bt06ph-0 fKuWKj"
           type="checkbox"
         >
           <div
-            class="styled__CheckboxWrapper-sc-1pcspgo-0 kpsAMi"
+            class="styled__CheckboxWrapper-sc-1pcspgo-0 eCbsIW"
           >
             <div
-              class="styled__CheckboxContainer-sc-s1u0st-1 bGbjQq"
+              class="styled__CheckboxContainer-sc-s1u0st-1 dhAZEO"
             >
               <input
                 aria-checked="true"
                 aria-labelledby=":r5:"
                 checked=""
-                class="styled__HiddenCheckbox-sc-s1u0st-2 ibrtVO"
+                class="styled__HiddenCheckbox-sc-s1u0st-2 esYNiS"
                 id=":r4:"
                 type="checkbox"
               />
               <label
                 aria-hidden="true"
-                class="styled__StyledCheckbox-sc-s1u0st-3 cnrugl"
+                class="styled__StyledCheckbox-sc-s1u0st-3 hRAiAt"
                 for=":r4:"
               >
                 <svg
                   aria-hidden="true"
-                  class="base__StyledIcon-sc-a9u0e1-0 iUZjCm"
+                  class="base__StyledIcon-sc-a9u0e1-0 cgISee"
                   fill="currentColor"
                   height="24"
                   stroke="currentColor"
@@ -137,11 +137,11 @@ exports[`renders worksheet 1`] = `
                 </svg>
               </label>
               <div
-                class="styled__CheckboxLabelContainer-sc-s1u0st-0 cIrPKf"
+                class="styled__CheckboxLabelContainer-sc-s1u0st-0 eyFuJH"
               >
                 <label
                   aria-hidden="false"
-                  class="styled__StyledText-sc-tqnj75-5 styled__StyledLabel-sc-3soea9-0 TGZwM eiXble"
+                  class="styled__StyledText-sc-tqnj75-5 styled__StyledLabel-sc-3soea9-0 eargYo rtDwa"
                   for=":r4:"
                   hidden=""
                   id=":r5:"
@@ -153,15 +153,15 @@ exports[`renders worksheet 1`] = `
           </div>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="text"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="Text"
           >
@@ -169,21 +169,21 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="modal"
         >
           <div
-            class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlex-sc-hcvk8l-0 jqYYwS"
+            class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlex-sc-hcvk8l-0 qIYuS"
           >
             <div
-              class="styled__StyledBox-sc-sj5f1m-0 hMfOLc styled__StyledFlexItem-sc-smjqtt-0 jwhrgR styled__StyledFlexItem-sc-zoq9bz-1 jFgdYw"
+              class="styled__StyledBox-sc-sj5f1m-0 dzqjiU styled__StyledFlexItem-sc-smjqtt-0 htjNIt styled__StyledFlexItem-sc-zoq9bz-1 iEpDtk"
             >
               <p
-                class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+                class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
                 color="secondary70"
                 title="1"
               >
@@ -191,10 +191,10 @@ exports[`renders worksheet 1`] = `
               </p>
             </div>
             <button
-              class="styled__StyledButton-sc-3yq204-0 OOVtf styled__StyledButton-sc-zoq9bz-0 fiScZH"
+              class="styled__StyledButton-sc-3yq204-0 kvvzPL styled__StyledButton-sc-zoq9bz-0 lkMeYD"
             >
               <span
-                class="styled__ContentWrapper-sc-3yq204-1 bLWcGS"
+                class="styled__ContentWrapper-sc-3yq204-1 fFbDiK"
               >
                 Edit
               </span>
@@ -202,15 +202,15 @@ exports[`renders worksheet 1`] = `
           </div>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 cGGhGA"
+          class="styled__StyledCell-sc-1bt06ph-0 dDnpKs"
           type="number"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="$50.00"
           >
@@ -218,20 +218,20 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
       </tr>
       <tr>
         <td
-          class="styled__Status-sc-1aacki0-0 jJFKzo"
+          class="styled__Status-sc-1aacki0-0 ehuSXg"
         />
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="text"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="Shoes Name Two"
           >
@@ -239,35 +239,35 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 fCAVnT"
+          class="styled__StyledCell-sc-1bt06ph-0 fKuWKj"
           type="checkbox"
         >
           <div
-            class="styled__CheckboxWrapper-sc-1pcspgo-0 kpsAMi"
+            class="styled__CheckboxWrapper-sc-1pcspgo-0 eCbsIW"
           >
             <div
-              class="styled__CheckboxContainer-sc-s1u0st-1 bGbjQq"
+              class="styled__CheckboxContainer-sc-s1u0st-1 dhAZEO"
             >
               <input
                 aria-checked="true"
                 aria-labelledby=":rd:"
                 checked=""
-                class="styled__HiddenCheckbox-sc-s1u0st-2 ibrtVO"
+                class="styled__HiddenCheckbox-sc-s1u0st-2 esYNiS"
                 id=":rc:"
                 type="checkbox"
               />
               <label
                 aria-hidden="true"
-                class="styled__StyledCheckbox-sc-s1u0st-3 cnrugl"
+                class="styled__StyledCheckbox-sc-s1u0st-3 hRAiAt"
                 for=":rc:"
               >
                 <svg
                   aria-hidden="true"
-                  class="base__StyledIcon-sc-a9u0e1-0 iUZjCm"
+                  class="base__StyledIcon-sc-a9u0e1-0 cgISee"
                   fill="currentColor"
                   height="24"
                   stroke="currentColor"
@@ -285,11 +285,11 @@ exports[`renders worksheet 1`] = `
                 </svg>
               </label>
               <div
-                class="styled__CheckboxLabelContainer-sc-s1u0st-0 cIrPKf"
+                class="styled__CheckboxLabelContainer-sc-s1u0st-0 eyFuJH"
               >
                 <label
                   aria-hidden="false"
-                  class="styled__StyledText-sc-tqnj75-5 styled__StyledLabel-sc-3soea9-0 TGZwM eiXble"
+                  class="styled__StyledText-sc-tqnj75-5 styled__StyledLabel-sc-3soea9-0 eargYo rtDwa"
                   for=":rc:"
                   hidden=""
                   id=":rd:"
@@ -301,15 +301,15 @@ exports[`renders worksheet 1`] = `
           </div>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="text"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="Text"
           >
@@ -317,21 +317,21 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="modal"
         >
           <div
-            class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlex-sc-hcvk8l-0 jqYYwS"
+            class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlex-sc-hcvk8l-0 qIYuS"
           >
             <div
-              class="styled__StyledBox-sc-sj5f1m-0 hMfOLc styled__StyledFlexItem-sc-smjqtt-0 jwhrgR styled__StyledFlexItem-sc-zoq9bz-1 jFgdYw"
+              class="styled__StyledBox-sc-sj5f1m-0 dzqjiU styled__StyledFlexItem-sc-smjqtt-0 htjNIt styled__StyledFlexItem-sc-zoq9bz-1 iEpDtk"
             >
               <p
-                class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+                class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
                 color="secondary70"
                 title="2"
               >
@@ -339,10 +339,10 @@ exports[`renders worksheet 1`] = `
               </p>
             </div>
             <button
-              class="styled__StyledButton-sc-3yq204-0 OOVtf styled__StyledButton-sc-zoq9bz-0 fiScZH"
+              class="styled__StyledButton-sc-3yq204-0 kvvzPL styled__StyledButton-sc-zoq9bz-0 lkMeYD"
             >
               <span
-                class="styled__ContentWrapper-sc-3yq204-1 bLWcGS"
+                class="styled__ContentWrapper-sc-3yq204-1 fFbDiK"
               >
                 Edit
               </span>
@@ -350,15 +350,15 @@ exports[`renders worksheet 1`] = `
           </div>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 cGGhGA"
+          class="styled__StyledCell-sc-1bt06ph-0 dDnpKs"
           type="number"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="$50.00"
           >
@@ -366,20 +366,20 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
       </tr>
       <tr>
         <td
-          class="styled__Status-sc-1aacki0-0 jJFKzo"
+          class="styled__Status-sc-1aacki0-0 ehuSXg"
         />
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="text"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="Shoes Name One"
           >
@@ -387,34 +387,34 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 fCAVnT"
+          class="styled__StyledCell-sc-1bt06ph-0 fKuWKj"
           type="checkbox"
         >
           <div
-            class="styled__CheckboxWrapper-sc-1pcspgo-0 kpsAMi"
+            class="styled__CheckboxWrapper-sc-1pcspgo-0 eCbsIW"
           >
             <div
-              class="styled__CheckboxContainer-sc-s1u0st-1 bGbjQq"
+              class="styled__CheckboxContainer-sc-s1u0st-1 dhAZEO"
             >
               <input
                 aria-checked="false"
                 aria-labelledby=":rl:"
-                class="styled__HiddenCheckbox-sc-s1u0st-2 ibrtVO"
+                class="styled__HiddenCheckbox-sc-s1u0st-2 esYNiS"
                 id=":rk:"
                 type="checkbox"
               />
               <label
                 aria-hidden="true"
-                class="styled__StyledCheckbox-sc-s1u0st-3 cYcfpO"
+                class="styled__StyledCheckbox-sc-s1u0st-3 dJjwwe"
                 for=":rk:"
               >
                 <svg
                   aria-hidden="true"
-                  class="base__StyledIcon-sc-a9u0e1-0 iUZjCm"
+                  class="base__StyledIcon-sc-a9u0e1-0 cgISee"
                   fill="currentColor"
                   height="24"
                   stroke="currentColor"
@@ -432,11 +432,11 @@ exports[`renders worksheet 1`] = `
                 </svg>
               </label>
               <div
-                class="styled__CheckboxLabelContainer-sc-s1u0st-0 cIrPKf"
+                class="styled__CheckboxLabelContainer-sc-s1u0st-0 eyFuJH"
               >
                 <label
                   aria-hidden="false"
-                  class="styled__StyledText-sc-tqnj75-5 styled__StyledLabel-sc-3soea9-0 TGZwM eiXble"
+                  class="styled__StyledText-sc-tqnj75-5 styled__StyledLabel-sc-3soea9-0 eargYo rtDwa"
                   for=":rk:"
                   hidden=""
                   id=":rl:"
@@ -448,35 +448,35 @@ exports[`renders worksheet 1`] = `
           </div>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="text"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title=""
           />
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="modal"
         >
           <div
-            class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlex-sc-hcvk8l-0 jqYYwS"
+            class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlex-sc-hcvk8l-0 qIYuS"
           >
             <div
-              class="styled__StyledBox-sc-sj5f1m-0 hMfOLc styled__StyledFlexItem-sc-smjqtt-0 jwhrgR styled__StyledFlexItem-sc-zoq9bz-1 jFgdYw"
+              class="styled__StyledBox-sc-sj5f1m-0 dzqjiU styled__StyledFlexItem-sc-smjqtt-0 htjNIt styled__StyledFlexItem-sc-zoq9bz-1 iEpDtk"
             >
               <p
-                class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+                class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
                 color="secondary70"
                 title="3"
               >
@@ -484,10 +484,10 @@ exports[`renders worksheet 1`] = `
               </p>
             </div>
             <button
-              class="styled__StyledButton-sc-3yq204-0 OOVtf styled__StyledButton-sc-zoq9bz-0 fiScZH"
+              class="styled__StyledButton-sc-3yq204-0 kvvzPL styled__StyledButton-sc-zoq9bz-0 lkMeYD"
             >
               <span
-                class="styled__ContentWrapper-sc-3yq204-1 bLWcGS"
+                class="styled__ContentWrapper-sc-3yq204-1 fFbDiK"
               >
                 Edit
               </span>
@@ -495,15 +495,15 @@ exports[`renders worksheet 1`] = `
           </div>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 cGGhGA"
+          class="styled__StyledCell-sc-1bt06ph-0 dDnpKs"
           type="number"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="$50.00"
           >
@@ -511,20 +511,20 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
       </tr>
       <tr>
         <td
-          class="styled__Status-sc-1aacki0-0 jJFKzo"
+          class="styled__Status-sc-1aacki0-0 ehuSXg"
         />
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="text"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="Variant 1"
           >
@@ -532,35 +532,35 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 fCAVnT"
+          class="styled__StyledCell-sc-1bt06ph-0 fKuWKj"
           type="checkbox"
         >
           <div
-            class="styled__CheckboxWrapper-sc-1pcspgo-0 kpsAMi"
+            class="styled__CheckboxWrapper-sc-1pcspgo-0 eCbsIW"
           >
             <div
-              class="styled__CheckboxContainer-sc-s1u0st-1 bGbjQq"
+              class="styled__CheckboxContainer-sc-s1u0st-1 dhAZEO"
             >
               <input
                 aria-checked="true"
                 aria-labelledby=":rt:"
                 checked=""
-                class="styled__HiddenCheckbox-sc-s1u0st-2 ibrtVO"
+                class="styled__HiddenCheckbox-sc-s1u0st-2 esYNiS"
                 id=":rs:"
                 type="checkbox"
               />
               <label
                 aria-hidden="true"
-                class="styled__StyledCheckbox-sc-s1u0st-3 cnrugl"
+                class="styled__StyledCheckbox-sc-s1u0st-3 hRAiAt"
                 for=":rs:"
               >
                 <svg
                   aria-hidden="true"
-                  class="base__StyledIcon-sc-a9u0e1-0 iUZjCm"
+                  class="base__StyledIcon-sc-a9u0e1-0 cgISee"
                   fill="currentColor"
                   height="24"
                   stroke="currentColor"
@@ -578,11 +578,11 @@ exports[`renders worksheet 1`] = `
                 </svg>
               </label>
               <div
-                class="styled__CheckboxLabelContainer-sc-s1u0st-0 cIrPKf"
+                class="styled__CheckboxLabelContainer-sc-s1u0st-0 eyFuJH"
               >
                 <label
                   aria-hidden="false"
-                  class="styled__StyledText-sc-tqnj75-5 styled__StyledLabel-sc-3soea9-0 TGZwM eiXble"
+                  class="styled__StyledText-sc-tqnj75-5 styled__StyledLabel-sc-3soea9-0 eargYo rtDwa"
                   for=":rs:"
                   hidden=""
                   id=":rt:"
@@ -594,15 +594,15 @@ exports[`renders worksheet 1`] = `
           </div>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="text"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="Text"
           >
@@ -610,21 +610,21 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="modal"
         >
           <div
-            class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlex-sc-hcvk8l-0 jqYYwS"
+            class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlex-sc-hcvk8l-0 qIYuS"
           >
             <div
-              class="styled__StyledBox-sc-sj5f1m-0 hMfOLc styled__StyledFlexItem-sc-smjqtt-0 jwhrgR styled__StyledFlexItem-sc-zoq9bz-1 jFgdYw"
+              class="styled__StyledBox-sc-sj5f1m-0 dzqjiU styled__StyledFlexItem-sc-smjqtt-0 htjNIt styled__StyledFlexItem-sc-zoq9bz-1 iEpDtk"
             >
               <p
-                class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+                class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
                 color="secondary70"
                 title="4"
               >
@@ -632,10 +632,10 @@ exports[`renders worksheet 1`] = `
               </p>
             </div>
             <button
-              class="styled__StyledButton-sc-3yq204-0 OOVtf styled__StyledButton-sc-zoq9bz-0 fiScZH"
+              class="styled__StyledButton-sc-3yq204-0 kvvzPL styled__StyledButton-sc-zoq9bz-0 lkMeYD"
             >
               <span
-                class="styled__ContentWrapper-sc-3yq204-1 bLWcGS"
+                class="styled__ContentWrapper-sc-3yq204-1 fFbDiK"
               >
                 Edit
               </span>
@@ -643,15 +643,15 @@ exports[`renders worksheet 1`] = `
           </div>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 cGGhGA"
+          class="styled__StyledCell-sc-1bt06ph-0 dDnpKs"
           type="number"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="$50.00"
           >
@@ -659,52 +659,52 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
       </tr>
       <tr>
         <td
-          class="styled__Status-sc-1aacki0-0 eWXKBa"
+          class="styled__Status-sc-1aacki0-0 llMWWK"
         />
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 botbIN"
+          class="styled__StyledCell-sc-1bt06ph-0 jhwRpl"
           type="text"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title=""
           />
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 fCAVnT"
+          class="styled__StyledCell-sc-1bt06ph-0 fKuWKj"
           type="checkbox"
         >
           <div
-            class="styled__CheckboxWrapper-sc-1pcspgo-0 kpsAMi"
+            class="styled__CheckboxWrapper-sc-1pcspgo-0 eCbsIW"
           >
             <div
-              class="styled__CheckboxContainer-sc-s1u0st-1 bGbjQq"
+              class="styled__CheckboxContainer-sc-s1u0st-1 dhAZEO"
             >
               <input
                 aria-labelledby=":r15:"
-                class="styled__HiddenCheckbox-sc-s1u0st-2 ibrtVO"
+                class="styled__HiddenCheckbox-sc-s1u0st-2 esYNiS"
                 id=":r14:"
                 type="checkbox"
               />
               <label
                 aria-hidden="true"
-                class="styled__StyledCheckbox-sc-s1u0st-3 cYcfpO"
+                class="styled__StyledCheckbox-sc-s1u0st-3 dJjwwe"
                 for=":r14:"
               >
                 <svg
                   aria-hidden="true"
-                  class="base__StyledIcon-sc-a9u0e1-0 iUZjCm"
+                  class="base__StyledIcon-sc-a9u0e1-0 cgISee"
                   fill="currentColor"
                   height="24"
                   stroke="currentColor"
@@ -722,11 +722,11 @@ exports[`renders worksheet 1`] = `
                 </svg>
               </label>
               <div
-                class="styled__CheckboxLabelContainer-sc-s1u0st-0 cIrPKf"
+                class="styled__CheckboxLabelContainer-sc-s1u0st-0 eyFuJH"
               >
                 <label
                   aria-hidden="false"
-                  class="styled__StyledText-sc-tqnj75-5 styled__StyledLabel-sc-3soea9-0 TGZwM eiXble"
+                  class="styled__StyledText-sc-tqnj75-5 styled__StyledLabel-sc-3soea9-0 eargYo rtDwa"
                   for=":r14:"
                   hidden=""
                   id=":r15:"
@@ -738,44 +738,44 @@ exports[`renders worksheet 1`] = `
           </div>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="text"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title=""
           />
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="modal"
         >
           <div
-            class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlex-sc-hcvk8l-0 jqYYwS"
+            class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlex-sc-hcvk8l-0 qIYuS"
           >
             <div
-              class="styled__StyledBox-sc-sj5f1m-0 hMfOLc styled__StyledFlexItem-sc-smjqtt-0 jwhrgR styled__StyledFlexItem-sc-zoq9bz-1 jFgdYw"
+              class="styled__StyledBox-sc-sj5f1m-0 dzqjiU styled__StyledFlexItem-sc-smjqtt-0 htjNIt styled__StyledFlexItem-sc-zoq9bz-1 iEpDtk"
             >
               <p
-                class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+                class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
                 color="secondary70"
                 title=""
               />
             </div>
             <button
-              class="styled__StyledButton-sc-3yq204-0 OOVtf styled__StyledButton-sc-zoq9bz-0 fiScZH"
+              class="styled__StyledButton-sc-3yq204-0 kvvzPL styled__StyledButton-sc-zoq9bz-0 lkMeYD"
             >
               <span
-                class="styled__ContentWrapper-sc-3yq204-1 bLWcGS"
+                class="styled__ContentWrapper-sc-3yq204-1 fFbDiK"
               >
                 Edit
               </span>
@@ -783,34 +783,34 @@ exports[`renders worksheet 1`] = `
           </div>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 hBokyK"
+          class="styled__StyledCell-sc-1bt06ph-0 gAliFW"
           type="number"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title=""
           />
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
       </tr>
       <tr>
         <td
-          class="styled__Status-sc-1aacki0-0 jJFKzo"
+          class="styled__Status-sc-1aacki0-0 ehuSXg"
         />
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="text"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="Variant 2"
           >
@@ -818,35 +818,35 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 fCAVnT"
+          class="styled__StyledCell-sc-1bt06ph-0 fKuWKj"
           type="checkbox"
         >
           <div
-            class="styled__CheckboxWrapper-sc-1pcspgo-0 kpsAMi"
+            class="styled__CheckboxWrapper-sc-1pcspgo-0 eCbsIW"
           >
             <div
-              class="styled__CheckboxContainer-sc-s1u0st-1 bGbjQq"
+              class="styled__CheckboxContainer-sc-s1u0st-1 dhAZEO"
             >
               <input
                 aria-checked="true"
                 aria-labelledby=":r1d:"
                 checked=""
-                class="styled__HiddenCheckbox-sc-s1u0st-2 ibrtVO"
+                class="styled__HiddenCheckbox-sc-s1u0st-2 esYNiS"
                 id=":r1c:"
                 type="checkbox"
               />
               <label
                 aria-hidden="true"
-                class="styled__StyledCheckbox-sc-s1u0st-3 cnrugl"
+                class="styled__StyledCheckbox-sc-s1u0st-3 hRAiAt"
                 for=":r1c:"
               >
                 <svg
                   aria-hidden="true"
-                  class="base__StyledIcon-sc-a9u0e1-0 iUZjCm"
+                  class="base__StyledIcon-sc-a9u0e1-0 cgISee"
                   fill="currentColor"
                   height="24"
                   stroke="currentColor"
@@ -864,11 +864,11 @@ exports[`renders worksheet 1`] = `
                 </svg>
               </label>
               <div
-                class="styled__CheckboxLabelContainer-sc-s1u0st-0 cIrPKf"
+                class="styled__CheckboxLabelContainer-sc-s1u0st-0 eyFuJH"
               >
                 <label
                   aria-hidden="false"
-                  class="styled__StyledText-sc-tqnj75-5 styled__StyledLabel-sc-3soea9-0 TGZwM eiXble"
+                  class="styled__StyledText-sc-tqnj75-5 styled__StyledLabel-sc-3soea9-0 eargYo rtDwa"
                   for=":r1c:"
                   hidden=""
                   id=":r1d:"
@@ -880,15 +880,15 @@ exports[`renders worksheet 1`] = `
           </div>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="text"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="Text"
           >
@@ -896,21 +896,21 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="modal"
         >
           <div
-            class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlex-sc-hcvk8l-0 jqYYwS"
+            class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlex-sc-hcvk8l-0 qIYuS"
           >
             <div
-              class="styled__StyledBox-sc-sj5f1m-0 hMfOLc styled__StyledFlexItem-sc-smjqtt-0 jwhrgR styled__StyledFlexItem-sc-zoq9bz-1 jFgdYw"
+              class="styled__StyledBox-sc-sj5f1m-0 dzqjiU styled__StyledFlexItem-sc-smjqtt-0 htjNIt styled__StyledFlexItem-sc-zoq9bz-1 iEpDtk"
             >
               <p
-                class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+                class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
                 color="secondary70"
                 title="6"
               >
@@ -918,10 +918,10 @@ exports[`renders worksheet 1`] = `
               </p>
             </div>
             <button
-              class="styled__StyledButton-sc-3yq204-0 OOVtf styled__StyledButton-sc-zoq9bz-0 fiScZH"
+              class="styled__StyledButton-sc-3yq204-0 kvvzPL styled__StyledButton-sc-zoq9bz-0 lkMeYD"
             >
               <span
-                class="styled__ContentWrapper-sc-3yq204-1 bLWcGS"
+                class="styled__ContentWrapper-sc-3yq204-1 fFbDiK"
               >
                 Edit
               </span>
@@ -929,15 +929,15 @@ exports[`renders worksheet 1`] = `
           </div>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 cGGhGA"
+          class="styled__StyledCell-sc-1bt06ph-0 dDnpKs"
           type="number"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="$50.00"
           >
@@ -945,20 +945,20 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
       </tr>
       <tr>
         <td
-          class="styled__Status-sc-1aacki0-0 eWXKBa"
+          class="styled__Status-sc-1aacki0-0 llMWWK"
         />
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="text"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="Variant 3"
           >
@@ -966,34 +966,34 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 fCAVnT"
+          class="styled__StyledCell-sc-1bt06ph-0 fKuWKj"
           type="checkbox"
         >
           <div
-            class="styled__CheckboxWrapper-sc-1pcspgo-0 kpsAMi"
+            class="styled__CheckboxWrapper-sc-1pcspgo-0 eCbsIW"
           >
             <div
-              class="styled__CheckboxContainer-sc-s1u0st-1 bGbjQq"
+              class="styled__CheckboxContainer-sc-s1u0st-1 dhAZEO"
             >
               <input
                 aria-checked="false"
                 aria-labelledby=":r1l:"
-                class="styled__HiddenCheckbox-sc-s1u0st-2 ibrtVO"
+                class="styled__HiddenCheckbox-sc-s1u0st-2 esYNiS"
                 id=":r1k:"
                 type="checkbox"
               />
               <label
                 aria-hidden="true"
-                class="styled__StyledCheckbox-sc-s1u0st-3 cYcfpO"
+                class="styled__StyledCheckbox-sc-s1u0st-3 dJjwwe"
                 for=":r1k:"
               >
                 <svg
                   aria-hidden="true"
-                  class="base__StyledIcon-sc-a9u0e1-0 iUZjCm"
+                  class="base__StyledIcon-sc-a9u0e1-0 cgISee"
                   fill="currentColor"
                   height="24"
                   stroke="currentColor"
@@ -1011,11 +1011,11 @@ exports[`renders worksheet 1`] = `
                 </svg>
               </label>
               <div
-                class="styled__CheckboxLabelContainer-sc-s1u0st-0 cIrPKf"
+                class="styled__CheckboxLabelContainer-sc-s1u0st-0 eyFuJH"
               >
                 <label
                   aria-hidden="false"
-                  class="styled__StyledText-sc-tqnj75-5 styled__StyledLabel-sc-3soea9-0 TGZwM eiXble"
+                  class="styled__StyledText-sc-tqnj75-5 styled__StyledLabel-sc-3soea9-0 eargYo rtDwa"
                   for=":r1k:"
                   hidden=""
                   id=":r1l:"
@@ -1027,15 +1027,15 @@ exports[`renders worksheet 1`] = `
           </div>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="text"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="Text"
           >
@@ -1043,21 +1043,21 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="modal"
         >
           <div
-            class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlex-sc-hcvk8l-0 jqYYwS"
+            class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlex-sc-hcvk8l-0 qIYuS"
           >
             <div
-              class="styled__StyledBox-sc-sj5f1m-0 hMfOLc styled__StyledFlexItem-sc-smjqtt-0 jwhrgR styled__StyledFlexItem-sc-zoq9bz-1 jFgdYw"
+              class="styled__StyledBox-sc-sj5f1m-0 dzqjiU styled__StyledFlexItem-sc-smjqtt-0 htjNIt styled__StyledFlexItem-sc-zoq9bz-1 iEpDtk"
             >
               <p
-                class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+                class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
                 color="secondary70"
                 title="7"
               >
@@ -1065,10 +1065,10 @@ exports[`renders worksheet 1`] = `
               </p>
             </div>
             <button
-              class="styled__StyledButton-sc-3yq204-0 OOVtf styled__StyledButton-sc-zoq9bz-0 fiScZH"
+              class="styled__StyledButton-sc-3yq204-0 kvvzPL styled__StyledButton-sc-zoq9bz-0 lkMeYD"
             >
               <span
-                class="styled__ContentWrapper-sc-3yq204-1 bLWcGS"
+                class="styled__ContentWrapper-sc-3yq204-1 fFbDiK"
               >
                 Edit
               </span>
@@ -1076,15 +1076,15 @@ exports[`renders worksheet 1`] = `
           </div>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 hBokyK"
+          class="styled__StyledCell-sc-1bt06ph-0 gAliFW"
           type="number"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="$49.00"
           >
@@ -1092,20 +1092,20 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
       </tr>
       <tr>
         <td
-          class="styled__Status-sc-1aacki0-0 jJFKzo"
+          class="styled__Status-sc-1aacki0-0 ehuSXg"
         />
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="text"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="Dress Name One"
           >
@@ -1113,35 +1113,35 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 fCAVnT"
+          class="styled__StyledCell-sc-1bt06ph-0 fKuWKj"
           type="checkbox"
         >
           <div
-            class="styled__CheckboxWrapper-sc-1pcspgo-0 kpsAMi"
+            class="styled__CheckboxWrapper-sc-1pcspgo-0 eCbsIW"
           >
             <div
-              class="styled__CheckboxContainer-sc-s1u0st-1 bGbjQq"
+              class="styled__CheckboxContainer-sc-s1u0st-1 dhAZEO"
             >
               <input
                 aria-checked="true"
                 aria-labelledby=":r1t:"
                 checked=""
-                class="styled__HiddenCheckbox-sc-s1u0st-2 ibrtVO"
+                class="styled__HiddenCheckbox-sc-s1u0st-2 esYNiS"
                 id=":r1s:"
                 type="checkbox"
               />
               <label
                 aria-hidden="true"
-                class="styled__StyledCheckbox-sc-s1u0st-3 cnrugl"
+                class="styled__StyledCheckbox-sc-s1u0st-3 hRAiAt"
                 for=":r1s:"
               >
                 <svg
                   aria-hidden="true"
-                  class="base__StyledIcon-sc-a9u0e1-0 iUZjCm"
+                  class="base__StyledIcon-sc-a9u0e1-0 cgISee"
                   fill="currentColor"
                   height="24"
                   stroke="currentColor"
@@ -1159,11 +1159,11 @@ exports[`renders worksheet 1`] = `
                 </svg>
               </label>
               <div
-                class="styled__CheckboxLabelContainer-sc-s1u0st-0 cIrPKf"
+                class="styled__CheckboxLabelContainer-sc-s1u0st-0 eyFuJH"
               >
                 <label
                   aria-hidden="false"
-                  class="styled__StyledText-sc-tqnj75-5 styled__StyledLabel-sc-3soea9-0 TGZwM eiXble"
+                  class="styled__StyledText-sc-tqnj75-5 styled__StyledLabel-sc-3soea9-0 eargYo rtDwa"
                   for=":r1s:"
                   hidden=""
                   id=":r1t:"
@@ -1175,15 +1175,15 @@ exports[`renders worksheet 1`] = `
           </div>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="text"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="Text"
           >
@@ -1191,21 +1191,21 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="modal"
         >
           <div
-            class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlex-sc-hcvk8l-0 jqYYwS"
+            class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlex-sc-hcvk8l-0 qIYuS"
           >
             <div
-              class="styled__StyledBox-sc-sj5f1m-0 hMfOLc styled__StyledFlexItem-sc-smjqtt-0 jwhrgR styled__StyledFlexItem-sc-zoq9bz-1 jFgdYw"
+              class="styled__StyledBox-sc-sj5f1m-0 dzqjiU styled__StyledFlexItem-sc-smjqtt-0 htjNIt styled__StyledFlexItem-sc-zoq9bz-1 iEpDtk"
             >
               <p
-                class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+                class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
                 color="secondary70"
                 title="8"
               >
@@ -1213,10 +1213,10 @@ exports[`renders worksheet 1`] = `
               </p>
             </div>
             <button
-              class="styled__StyledButton-sc-3yq204-0 OOVtf styled__StyledButton-sc-zoq9bz-0 fiScZH"
+              class="styled__StyledButton-sc-3yq204-0 kvvzPL styled__StyledButton-sc-zoq9bz-0 lkMeYD"
             >
               <span
-                class="styled__ContentWrapper-sc-3yq204-1 bLWcGS"
+                class="styled__ContentWrapper-sc-3yq204-1 fFbDiK"
               >
                 Edit
               </span>
@@ -1224,15 +1224,15 @@ exports[`renders worksheet 1`] = `
           </div>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 cGGhGA"
+          class="styled__StyledCell-sc-1bt06ph-0 dDnpKs"
           type="number"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="$50.00"
           >
@@ -1240,20 +1240,20 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
       </tr>
       <tr>
         <td
-          class="styled__Status-sc-1aacki0-0 jJFKzo"
+          class="styled__Status-sc-1aacki0-0 ehuSXg"
         />
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="text"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="Fans Name One"
           >
@@ -1261,35 +1261,35 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 fCAVnT"
+          class="styled__StyledCell-sc-1bt06ph-0 fKuWKj"
           type="checkbox"
         >
           <div
-            class="styled__CheckboxWrapper-sc-1pcspgo-0 kpsAMi"
+            class="styled__CheckboxWrapper-sc-1pcspgo-0 eCbsIW"
           >
             <div
-              class="styled__CheckboxContainer-sc-s1u0st-1 bGbjQq"
+              class="styled__CheckboxContainer-sc-s1u0st-1 dhAZEO"
             >
               <input
                 aria-checked="true"
                 aria-labelledby=":r25:"
                 checked=""
-                class="styled__HiddenCheckbox-sc-s1u0st-2 ibrtVO"
+                class="styled__HiddenCheckbox-sc-s1u0st-2 esYNiS"
                 id=":r24:"
                 type="checkbox"
               />
               <label
                 aria-hidden="true"
-                class="styled__StyledCheckbox-sc-s1u0st-3 cnrugl"
+                class="styled__StyledCheckbox-sc-s1u0st-3 hRAiAt"
                 for=":r24:"
               >
                 <svg
                   aria-hidden="true"
-                  class="base__StyledIcon-sc-a9u0e1-0 iUZjCm"
+                  class="base__StyledIcon-sc-a9u0e1-0 cgISee"
                   fill="currentColor"
                   height="24"
                   stroke="currentColor"
@@ -1307,11 +1307,11 @@ exports[`renders worksheet 1`] = `
                 </svg>
               </label>
               <div
-                class="styled__CheckboxLabelContainer-sc-s1u0st-0 cIrPKf"
+                class="styled__CheckboxLabelContainer-sc-s1u0st-0 eyFuJH"
               >
                 <label
                   aria-hidden="false"
-                  class="styled__StyledText-sc-tqnj75-5 styled__StyledLabel-sc-3soea9-0 TGZwM eiXble"
+                  class="styled__StyledText-sc-tqnj75-5 styled__StyledLabel-sc-3soea9-0 eargYo rtDwa"
                   for=":r24:"
                   hidden=""
                   id=":r25:"
@@ -1323,15 +1323,15 @@ exports[`renders worksheet 1`] = `
           </div>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="text"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="Text"
           >
@@ -1339,21 +1339,21 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 kvDpGH"
+          class="styled__StyledCell-sc-1bt06ph-0 ekgUcb"
           type="modal"
         >
           <div
-            class="styled__StyledBox-sc-sj5f1m-0 bixGIv styled__StyledFlex-sc-hcvk8l-0 jqYYwS"
+            class="styled__StyledBox-sc-sj5f1m-0 eGLSJj styled__StyledFlex-sc-hcvk8l-0 qIYuS"
           >
             <div
-              class="styled__StyledBox-sc-sj5f1m-0 hMfOLc styled__StyledFlexItem-sc-smjqtt-0 jwhrgR styled__StyledFlexItem-sc-zoq9bz-1 jFgdYw"
+              class="styled__StyledBox-sc-sj5f1m-0 dzqjiU styled__StyledFlexItem-sc-smjqtt-0 htjNIt styled__StyledFlexItem-sc-zoq9bz-1 iEpDtk"
             >
               <p
-                class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+                class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
                 color="secondary70"
                 title="9"
               >
@@ -1361,10 +1361,10 @@ exports[`renders worksheet 1`] = `
               </p>
             </div>
             <button
-              class="styled__StyledButton-sc-3yq204-0 OOVtf styled__StyledButton-sc-zoq9bz-0 fiScZH"
+              class="styled__StyledButton-sc-3yq204-0 kvvzPL styled__StyledButton-sc-zoq9bz-0 lkMeYD"
             >
               <span
-                class="styled__ContentWrapper-sc-3yq204-1 bLWcGS"
+                class="styled__ContentWrapper-sc-3yq204-1 fFbDiK"
               >
                 Edit
               </span>
@@ -1372,15 +1372,15 @@ exports[`renders worksheet 1`] = `
           </div>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
         <td
-          class="styled__StyledCell-sc-1bt06ph-0 cGGhGA"
+          class="styled__StyledCell-sc-1bt06ph-0 dDnpKs"
           type="number"
         >
           <p
-            class="styled__StyledSmall-sc-tqnj75-6 fPGFdi"
+            class="styled__StyledSmall-sc-tqnj75-6 bQhENa"
             color="secondary70"
             title="$50.00"
           >
@@ -1388,7 +1388,7 @@ exports[`renders worksheet 1`] = `
           </p>
           <div
             aria-label="Autofill handler"
-            class="styled__AutoFillHandler-sc-1bt06ph-1 foegyd"
+            class="styled__AutoFillHandler-sc-1bt06ph-1 fnukTx"
           />
         </td>
       </tr>
diff --git a/packages/big-design/src/components/Worksheet/spec.tsx b/packages/big-design/src/components/Worksheet/spec.tsx
index 4ea176b4c..08528eddb 100644
--- a/packages/big-design/src/components/Worksheet/spec.tsx
+++ b/packages/big-design/src/components/Worksheet/spec.tsx
@@ -92,6 +92,7 @@ const columns: Array<WorksheetColumn<Product>> = [
     validation: (value: number) => value >= 50,
     formatting: (value: number) => `$${value}.00`,
     width: 90,
+    enabled: true,
   },
 ];
 
@@ -1276,6 +1277,34 @@ describe('disable rows', () => {
 
     expect(screen.queryByDisplayValue('Shoes Name One')).toBeNull();
   });
+
+  test('enables column within disabled row', () => {
+    const [, ...restCols] = columns;
+
+    render(
+      <Worksheet
+        columns={[
+          {
+            hash: 'productName',
+            header: 'Product name',
+            enabled: true,
+          },
+          ...restCols,
+        ]}
+        disabledRows={[1, 3]}
+        items={items}
+        onChange={handleChange}
+      />,
+    );
+
+    fireEvent.doubleClick(screen.getByText('Shoes Name Three'));
+
+    const input = screen.getByDisplayValue('Shoes Name Three');
+
+    fireEvent.change(input, { target: { value: 'test test test' } });
+
+    expect(screen.getByDisplayValue('test test test')).toBeInTheDocument();
+  });
 });
 
 describe('expandable', () => {
diff --git a/packages/big-design/src/components/Worksheet/types.ts b/packages/big-design/src/components/Worksheet/types.ts
index defca692b..48174ad07 100644
--- a/packages/big-design/src/components/Worksheet/types.ts
+++ b/packages/big-design/src/components/Worksheet/types.ts
@@ -47,6 +47,7 @@ export type InternalWorksheetColumn<Item> =
 
 interface WorksheetBaseColumn<Item> {
   disabled?: boolean;
+  enabled?: boolean;
   hash: keyof Item;
   header: string;
   width?: string | number;
diff --git a/packages/docs/PropTables/WorksheetPropTable.tsx b/packages/docs/PropTables/WorksheetPropTable.tsx
index 031ae0fb5..6ce017252 100644
--- a/packages/docs/PropTables/WorksheetPropTable.tsx
+++ b/packages/docs/PropTables/WorksheetPropTable.tsx
@@ -138,10 +138,15 @@ const worksheetTextColumnProps: Prop[] = [
       'Used to provide a way to show additional notes/comments/instructions on a particular cell.',
   },
   {
-    name: 'disable',
+    name: 'disabled',
     types: 'boolean',
     description: 'Disables cell manipulation for the entire column.',
   },
+  {
+    name: 'enabled',
+    types: 'boolean',
+    description: 'Enables cell manipulation for the entire column even when a row is disabled.',
+  },
   {
     name: 'width',
     types: ['string', 'number'],
@@ -191,10 +196,15 @@ const worksheetNumberColumnProps: Prop[] = [
       'Used to provide a way to show additional notes/comments/instructions on a particular cell.',
   },
   {
-    name: 'disable',
+    name: 'disabled',
     types: 'boolean',
     description: 'Disables cell manipulation for the entire column.',
   },
+  {
+    name: 'enabled',
+    types: 'boolean',
+    description: 'Enables cell manipulation for the entire column even when a row is disabled.',
+  },
   {
     name: 'width',
     types: ['string', 'number'],
@@ -239,10 +249,15 @@ const worksheetCheckboxColumnProps: Prop[] = [
       'Used to provide a way to show additional notes/comments/instructions on a particular cell.',
   },
   {
-    name: 'disable',
+    name: 'disabled',
     types: 'boolean',
     description: 'Disables cell manipulation for the entire column.',
   },
+  {
+    name: 'enabled',
+    types: 'boolean',
+    description: 'Enables cell manipulation for the entire column even when a row is disabled.',
+  },
   {
     name: 'width',
     types: ['string', 'number'],
@@ -314,10 +329,15 @@ const worksheetSelectableColumnProps: Prop[] = [
     ),
   },
   {
-    name: 'disable',
+    name: 'disabled',
     types: 'boolean',
     description: 'Disables cell manipulation for the entire column.',
   },
+  {
+    name: 'enabled',
+    types: 'boolean',
+    description: 'Enables cell manipulation for the entire column even when a row is disabled.',
+  },
   {
     name: 'width',
     types: ['string', 'number'],
@@ -388,10 +408,15 @@ const worksheetModalColumnProps: Prop[] = [
     ),
   },
   {
-    name: 'disable',
+    name: 'disabled',
     types: 'boolean',
     description: 'Disables cell manipulation for the entire column.',
   },
+  {
+    name: 'enabled',
+    types: 'boolean',
+    description: 'Enables cell manipulation for the entire column even when a row is disabled.',
+  },
   {
     name: 'width',
     types: ['string', 'number'],