diff --git a/src/catppuccin.ts b/src/catppuccin.ts
index 56089e1..ba2fef2 100644
--- a/src/catppuccin.ts
+++ b/src/catppuccin.ts
@@ -25,7 +25,7 @@ function createCatppuccinTheme(flavor: CatppuccinFlavor) {
 
       "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection":
         {
-          backgroundColor: `${colors.overlay2.hex}40`
+          backgroundColor: `${colors.overlay2.hex}40`,
         },
 
       ".cm-panels": {
@@ -59,6 +59,19 @@ function createCatppuccinTheme(flavor: CatppuccinFlavor) {
         border: "none",
       },
 
+      ".cm-textfield": {
+        border: `1px solid ${colors.overlay0.hex}`,
+      },
+
+      ".cm-button": {
+        backgroundImage: `linear-gradient(${colors.surface1.hex}, ${colors.surface0.hex})`,
+        border: `1px solid ${colors.overlay0.hex}`,
+      },
+
+      ".cm-button:active": {
+        backgroundImage: `linear-gradient(${colors.surface0.hex}, ${colors.surface1.hex})`,
+      },
+
       ".cm-activeLineGutter": {
         backgroundColor: colors.surface0.hex,
       },