diff --git a/assets/css/app.css b/assets/css/app.css
index 8768dcb0..ea91bcbc 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -99,7 +99,8 @@ img.emoji{
 
 /* Dark Theme Styling */
 @media (prefers-color-scheme: dark) {
-  pre {
+  pre.highlight {
+      border: 1px solid #373737;
       background-color: #1e1e1e; /* Darker gray background */
       color: #a8d5ba;           /* Soft green text */
   }
@@ -107,8 +108,9 @@ img.emoji{
 
 /* Light Theme Styling */
 @media (prefers-color-scheme: light) {
-  pre {
-      background-color: #ffffff; /* White background */
+  pre.highlight {
+      border: 1px solid #ddd;
+      background-color: #f6f6f6; /* White background */
       color: #444;              /* Darker gray text */
   }
 }
@@ -125,10 +127,6 @@ pre {
 }
 
 
-
-
-
-
 .text-black:hover {
   color: #444
 }
@@ -161,10 +159,8 @@ pre {
 }
 
 pre.highlight {
-  border: 1px solid #ddd;
   padding: 1rem;
   border-radius: 0.25rem;
-  background: #f6f6f6;
 }
 
 /* https://github.com/jwarby/jekyll-pygments-themes UNLICENSE github.css */