diff --git a/dox-theme/_sass/components/_code.scss b/dox-theme/_sass/components/_code.scss
index 1a2259f..fc800a8 100644
--- a/dox-theme/_sass/components/_code.scss
+++ b/dox-theme/_sass/components/_code.scss
@@ -64,6 +64,7 @@
 pre[class*="language-"] {
     margin: 0;
     padding: 1rem;
+    padding-left: 2rem; /* Increased left padding for better readability */
     overflow: auto;
     background-color: var(--color-code-background);
     font-family: var(--font-family-code);
@@ -180,6 +181,7 @@ code[class*="language-"] {
     pre[class*="language-"] {
         font-size: 0.85rem;
         padding: 0.75rem;
+        padding-left: 1.5rem; /* Increased left padding for mobile, slightly less than desktop */
     }
 
     pre[class*="language-"].line-numbers {
diff --git a/dox-theme/assets/css/highlightjs-mainwp-dark.css b/dox-theme/assets/css/highlightjs-mainwp-dark.css
index cddf160..0f60b17 100644
--- a/dox-theme/assets/css/highlightjs-mainwp-dark.css
+++ b/dox-theme/assets/css/highlightjs-mainwp-dark.css
@@ -18,6 +18,7 @@
     tab-size: 4;
     hyphens: none;
     padding: 1em;
+    padding-left: 2em; /* Increased left padding for better readability */
     margin: 0;
     overflow: auto;
     border-radius: 4px;
@@ -132,5 +133,6 @@
     .hljs {
         font-size: 0.85rem;
         padding: 0.75rem;
+        padding-left: 1.5rem; /* Increased left padding for mobile, matching _code.scss */
     }
 }
diff --git a/preview-code-blocks.html b/preview-code-blocks.html
index f8bf684..29c180b 100644
--- a/preview-code-blocks.html
+++ b/preview-code-blocks.html
@@ -90,6 +90,12 @@
         /* Override specific hljs styles for our demo page */
         pre {
             margin: 0;
+            padding: 1rem !important;
+            padding-left: 2rem !important;
+        }
+        
+        code {
+            padding: 0 !important;
         }
 
         /* Keep mobile adjustments for container/header */