diff --git a/src/components/Kitty.tsx b/src/components/Kitty.tsx
index 407ab2b..f099705 100644
--- a/src/components/Kitty.tsx
+++ b/src/components/Kitty.tsx
@@ -71,7 +71,7 @@ export const Kitty = (props: {
     <div className={props.className} onMouseEnter={handleMouseEnter}>
       <div
         className={
-          "h-full w-full overflow-hidden rounded-lg border-2 border-borderInactive bg-background bg-opacity-80 px-[1px] text-lg text-[#cbc7d1] text-foreground shadow-window transition-colors duration-[500ms] ease-out"
+          "h-full w-full overflow-hidden rounded-lg border-2 border-borderInactive bg-[#262234] bg-background bg-opacity-90 px-[1px] text-lg text-[#cbc7d1] text-foreground shadow-window transition-colors duration-[500ms] ease-out"
         }
         style={{
           lineHeight: `${CHAR_HEIGHT}px`,
@@ -86,7 +86,7 @@ export const Kitty = (props: {
       >
         <div
           className="whitespace-pre-wrap"
-          style={{ backdropFilter: "blur(2px)", width, height }}
+          style={{ backdropFilter: "blur(2.5px)", width, height }}
         >
           <KittyProvider value={context}>{props.children}</KittyProvider>
         </div>
diff --git a/src/index.scss b/src/index.scss
index 6688138..b2a46be 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -19,7 +19,7 @@ body {
 }
 
 *::selection {
-  background-color: #584e5a;
+  background-color: #58515c;
 }
 
 @font-face {