diff --git a/app/components/Terminal.tsx b/app/components/Terminal.tsx
index 76f311094..3264eb154 100644
--- a/app/components/Terminal.tsx
+++ b/app/components/Terminal.tsx
@@ -38,6 +38,7 @@ function getTheme(): ITerminalOptions['theme'] {
     brightCyan: style.getPropertyValue('--content-accent'),
     magenta: style.getPropertyValue('--content-accent-alt-secondary'),
     brightMagenta: style.getPropertyValue('--content-accent-alt'),
+    selectionBackground: style.getPropertyValue('--surface-accent'),
     cursor: style.getPropertyValue('--content-default'),
     cursorAccent: style.getPropertyValue('--surface-default'),
   }
diff --git a/app/ui/styles/index.css b/app/ui/styles/index.css
index 24d95681f..a2236b6d8 100644
--- a/app/ui/styles/index.css
+++ b/app/ui/styles/index.css
@@ -75,11 +75,11 @@
 
 ::-moz-selection {
   /* Code for Firefox */
-  @apply text-accent bg-accent;
+  @apply bg-accent-inverse/30;
 }
 
 ::selection {
-  @apply text-accent bg-accent;
+  @apply bg-accent-inverse/30;
 }
 
 @custom-variant selected {