diff --git a/src/views/css/styles.css b/src/views/css/styles.css
index cb22899..8b42c6a 100644
--- a/src/views/css/styles.css
+++ b/src/views/css/styles.css
@@ -76,6 +76,8 @@ button {
 
     color: var(--primary_text);
     background-color: var(--clr8);
+    box-shadow: 0px 5px rgba(135,135,135,0.60);
+    
 
     display: grid;
 
diff --git a/src/views/ts/renderer.ts b/src/views/ts/renderer.ts
index 611e1ab..7e1b900 100644
--- a/src/views/ts/renderer.ts
+++ b/src/views/ts/renderer.ts
@@ -38,10 +38,10 @@ if(document!) {
 	monaco.editor.defineTheme('yarnSpinnerTheme', {
 		base: 'vs',
 		inherit: true,
-		rules: [{ background: 'EDF9FA' }],
+		rules: [{ background: 'CFD8DC' }],
 		colors: {
 			'editor.foreground': '#000000',
-			'editor.background': '#EDF9FA',
+			'editor.background': '#CFD8DC',
 			'editorCursor.foreground': '#8B0000',
 			'editor.lineHighlightBackground': '#0000FF20',
 			'editorLineNumber.foreground': '#008800',