diff --git a/packages/common-config/src/components/HandbookSection/index.tsx b/packages/common-config/src/components/HandbookSection/index.tsx
index 894cfbee..12a5cf7e 100644
--- a/packages/common-config/src/components/HandbookSection/index.tsx
+++ b/packages/common-config/src/components/HandbookSection/index.tsx
@@ -65,7 +65,15 @@ function HandbookCard({ handbook, isDefault = false }: HandbookCardProps) {
           style={{ backgroundColor: handbook.background.color }}
         ></div>
       )}
-      <img src={handbook.image} alt="" className={styles.handbooksCardIcon} />
+      <img
+        src={handbook.image}
+        alt=""
+        className={`${styles.handbooksCardIcon} ${
+          handbook.title.toLowerCase().includes("aztec")
+            ? styles.handbooksCardIconAztec
+            : ""
+        }`}
+      />
     </a>
   );
 }
diff --git a/packages/common-config/src/components/HandbookSection/styles.module.css b/packages/common-config/src/components/HandbookSection/styles.module.css
index e41cfbc9..5601aba6 100644
--- a/packages/common-config/src/components/HandbookSection/styles.module.css
+++ b/packages/common-config/src/components/HandbookSection/styles.module.css
@@ -162,6 +162,10 @@ a.handbooksCard:hover {
   position: relative;
 }
 
+.handbooksCardIconAztec {
+  max-width: 65%;
+}
+
 .colorOverlay {
   position: absolute;
   top: 0;
diff --git a/packages/common-config/static/common/img/aztec-background-handbook-card.jpg b/packages/common-config/static/common/img/aztec-background-handbook-card.jpg
new file mode 100644
index 00000000..5a63ae2a
Binary files /dev/null and b/packages/common-config/static/common/img/aztec-background-handbook-card.jpg differ
diff --git a/packages/common-config/static/common/img/common-background-aztec.png b/packages/common-config/static/common/img/common-background-aztec.png
deleted file mode 100644
index 201554b0..00000000
Binary files a/packages/common-config/static/common/img/common-background-aztec.png and /dev/null differ
diff --git a/packages/common-config/static/common/styles/global.css b/packages/common-config/static/common/styles/global.css
index 168a7ac9..81b0006a 100644
--- a/packages/common-config/static/common/styles/global.css
+++ b/packages/common-config/static/common/styles/global.css
@@ -85,6 +85,11 @@ html[data-theme="dark"] {
 
   /* Sidebar width customization */
   --doc-sidebar-hidden-width: 3.5rem;
+
+  /* Layout widths */
+  --ifm-container-width: 1200px;
+  --ifm-container-width-xl: 1320px;
+  --ifm-content-width: 700px;
 }
 
 /* Sharp Grotesk Font Faces */
@@ -373,6 +378,26 @@ article {
   min-height: 90vh !important;
 }
 
+/* Constrain site-wide container width */
+.container {
+  max-width: var(--ifm-container-width);
+}
+
+@media (min-width: 1440px) {
+  .container {
+    max-width: var(--ifm-container-width-xl);
+  }
+}
+
+/* Constrain markdown content width for readability */
+.theme-doc-markdown,
+.markdown {
+  max-width: var(--ifm-content-width);
+  margin-left: auto;
+  margin-right: auto;
+  width: 100%;
+}
+
 /* Navbar styling */
 .navbar {
   background: rgba(14, 21, 44, 0.75);
@@ -1416,7 +1441,7 @@ div[class*="buttonGroup"] button {
   background: var(--wonderland-blue-950) !important;
   border: 1px solid var(--wonderland-blue-800) !important;
   border-radius: 0.5rem;
-  width: 12.5rem;
+  width: 15.5rem;
 }
 
 .dropdown__link {
diff --git a/sites/ef/src/pages/index.tsx b/sites/ef/src/pages/index.tsx
index 4f6ff7fa..2a536af1 100644
--- a/sites/ef/src/pages/index.tsx
+++ b/sites/ef/src/pages/index.tsx
@@ -61,8 +61,8 @@ const efHandbooks: Handbook[] = [
     image: "/common/img/aztec-handbook.svg",
     href: "https://aztec.handbook.wonderland.xyz",
     background: {
-      bgType: "wonderland",
-      color: "#625CBFD1",
+      bgType: "other",
+      bgImage: "/common/img/aztec-background-handbook-card.jpg",
     },
   },
 ];
diff --git a/sites/optimism/src/pages/index.tsx b/sites/optimism/src/pages/index.tsx
index bc01f113..a12bd8d2 100644
--- a/sites/optimism/src/pages/index.tsx
+++ b/sites/optimism/src/pages/index.tsx
@@ -59,8 +59,8 @@ const optimismHandbooks: Handbook[] = [
     image: "/common/img/aztec-handbook.svg",
     href: "https://aztec.handbook.wonderland.xyz",
     background: {
-      bgType: "wonderland",
-      color: "#625CBFD1",
+      bgType: "other",
+      bgImage: "/common/img/aztec-background-handbook-card.jpg",
     },
   },
   {
diff --git a/sites/wonderland/src/pages/index.tsx b/sites/wonderland/src/pages/index.tsx
index c44c2b9a..1a5c740b 100644
--- a/sites/wonderland/src/pages/index.tsx
+++ b/sites/wonderland/src/pages/index.tsx
@@ -64,8 +64,8 @@ const wonderlandHandbooks: Handbook[] = [
     image: "/common/img/aztec-handbook.svg",
     href: "https://aztec.handbook.wonderland.xyz",
     background: {
-      bgType: "wonderland",
-      color: "#625CBFD1",
+      bgType: "other",
+      bgImage: "/common/img/aztec-background-handbook-card.jpg",
     },
   },
   {