diff --git a/package-lock.json b/package-lock.json
index be43f6b88..814067165 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,7 +15,7 @@
         "@babel/eslint-plugin": "^7.13.10",
         "@babel/plugin-proposal-class-properties": "^7.12.1",
         "@babel/preset-react": "^7.12.1",
-        "@codaco/ui": "^5.8.0",
+        "@codaco/ui": "^5.8.1",
         "@material-ui/icons": "^4.11.2",
         "@tippyjs/react": "^4.2.5",
         "animejs": "^2.2.0",
@@ -1623,9 +1623,9 @@
       }
     },
     "node_modules/@codaco/ui": {
-      "version": "5.8.0",
-      "resolved": "https://registry.npmjs.org/@codaco/ui/-/ui-5.8.0.tgz",
-      "integrity": "sha512-gJmZNlhPyWspjYIAS1y05DWLKpDaGcgyhVCR+Qcrhu0WspJQ5YvWxapvb3hzgqtim6Crk5dyEL+DodXcXofcrQ==",
+      "version": "5.8.1",
+      "resolved": "https://registry.npmjs.org/@codaco/ui/-/ui-5.8.1.tgz",
+      "integrity": "sha512-hOiCWu+xTi3VxFwqnkTjRwOXOxR/FlB70ahTngbfLeMPKIv1P1R7kZkV0g3NJqaDV3Y26AggsIt1lhmNypcxOA==",
       "dev": true,
       "dependencies": {
         "@material-ui/core": "^4.11.3",
@@ -38524,9 +38524,9 @@
       }
     },
     "@codaco/ui": {
-      "version": "5.8.0",
-      "resolved": "https://registry.npmjs.org/@codaco/ui/-/ui-5.8.0.tgz",
-      "integrity": "sha512-gJmZNlhPyWspjYIAS1y05DWLKpDaGcgyhVCR+Qcrhu0WspJQ5YvWxapvb3hzgqtim6Crk5dyEL+DodXcXofcrQ==",
+      "version": "5.8.1",
+      "resolved": "https://registry.npmjs.org/@codaco/ui/-/ui-5.8.1.tgz",
+      "integrity": "sha512-hOiCWu+xTi3VxFwqnkTjRwOXOxR/FlB70ahTngbfLeMPKIv1P1R7kZkV0g3NJqaDV3Y26AggsIt1lhmNypcxOA==",
       "dev": true,
       "requires": {
         "@material-ui/core": "^4.11.3",
diff --git a/package.json b/package.json
index 502cf9711..f7c7fde34 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,7 @@
     "@babel/eslint-plugin": "^7.13.10",
     "@babel/plugin-proposal-class-properties": "^7.12.1",
     "@babel/preset-react": "^7.12.1",
-    "@codaco/ui": "^5.8.0",
+    "@codaco/ui": "^5.8.1",
     "@material-ui/icons": "^4.11.2",
     "@tippyjs/react": "^4.2.5",
     "animejs": "^2.2.0",
diff --git a/src/styles/_theme.scss b/src/styles/_theme.scss
index 71f4a97b8..11fc216cc 100644
--- a/src/styles/_theme.scss
+++ b/src/styles/_theme.scss
@@ -15,6 +15,7 @@
   --text-dark: var(--color-charcoal);
   --ring--background: var(--color-navy-taupe);
   --node-outer-trim-stroke: var(--color-mustard);
+  --input-panel-bg: var(--color-white);
 
   // App Chrome
   --background-dark: var(--color-navy-taupe);