diff --git a/studio/styles/grid.scss b/studio/styles/grid.scss
index 00b66689b54..523b6bbc886 100644
--- a/studio/styles/grid.scss
+++ b/studio/styles/grid.scss
@@ -127,8 +127,8 @@
 
 /* select row */
 .rdg-row[aria-selected='true'] {
-  @apply bg-bg-secondary-light dark:bg-bg-secondary-dark;
-  @apply hover:bg-bg-secondary-light dark:hover:bg-bg-secondary-dark;
+  @apply bg-scale-300 dark:bg-scale-300;
+  @apply hover:bg-scale-300 dark:bg-scale-300;
 }
 
 .tab-cursor {
@@ -139,53 +139,55 @@
   Checkbox
 */
 
-/* reset styles */
-[type='checkbox'] {
-  webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  padding: 0;
-  -webkit-print-color-adjust: exact;
-  color-adjust: exact;
-  display: inline-block;
-  vertical-align: middle;
-  background-origin: border-box;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  flex-shrink: 0;
-  height: 1rem;
-  width: 1rem;
-  color: #2563eb;
-  background-color: #fff;
-  border-color: #6b7280;
-  border-width: 1px;
-}
+.sb-grid {
+  /* reset styles */
+  [type='checkbox'] {
+    webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    padding: 0;
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+    display: inline-block;
+    vertical-align: middle;
+    background-origin: border-box;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    flex-shrink: 0;
+    height: 1rem;
+    width: 1rem;
+    color: #2563eb;
+    background-color: #fff;
+    border-color: #6b7280;
+    border-width: 1px;
+  }
 
-[type='checkbox']:checked {
-  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
-}
+  [type='checkbox']:checked {
+    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+  }
 
-[type='checkbox']:checked {
-  @apply dark:bg-brand-900;
-  @apply bg-brand-900;
-  border-color: transparent;
-  background-size: 100% 100%;
-  background-position: center;
-  background-repeat: no-repeat;
-}
+  [type='checkbox']:checked {
+    @apply dark:bg-brand-900;
+    @apply bg-brand-900;
+    border-color: transparent;
+    background-size: 100% 100%;
+    background-position: center;
+    background-repeat: no-repeat;
+  }
 
-[type='checkbox'] {
-  @apply cursor-pointer rounded border border-solid;
+  [type='checkbox'] {
+    @apply cursor-pointer rounded border border-solid;
 
-  @apply text-brand-600 border-scale-400 transition-all;
-  @apply hover:border-brand-900 focus:ring-brand-500 focus:outline-none;
+    @apply text-brand-600 border-scale-400 transition-all;
+    @apply hover:border-brand-900 focus:ring-brand-500 focus:outline-none;
 
-  @apply dark:border-scale-500 dark:bg-transparent dark:text-white;
-  @apply dark:hover:border-green-900;
+    @apply dark:border-scale-500 dark:bg-transparent dark:text-white;
+    @apply dark:hover:border-green-900;
 
-  margin-top: 2px;
+    margin-top: 2px;
+  }
 }
 
 /*