diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index de3703f4..e7ad0f09 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -71,16 +71,16 @@ export const smartContractGuides = [
 const Container = styled.div`
   display: flex;
   flex-direction: column;
-  margin: 0 2rem;
+  margin: 0 4.5rem;
 
   @media (max-width: 960px) {
     flex-direction: column;
     gap: 16px;
-    margin: 0 1rem;
+    margin: 0 2rem;
   }
 
   @media (max-width: 640px) {
-    margin: 0;
+    margin: 0 1rem;
   }
 `
 
@@ -162,6 +162,7 @@ const CenterCard = styled(Card)`
 const ShadowCard = styled(Card)`
   flex: 1 1 200px; /* Grow, shrink, min-width */
   box-sizing: border-box;
+  background: #ffffff10;
 `
 
 const IconWrapper = styled.div`