diff --git a/api/main.py b/api/main.py
index 1f2ae07..4d1aa0a 100644
--- a/api/main.py
+++ b/api/main.py
@@ -177,17 +177,21 @@ def widget():
     align-items: center;
     overflow: hidden;
   }}
-  .container {{
+.container {{
     display: flex;
     align-items: center;
+    justify-content: center;   /* center the whole thing */
     width: 100%;
-    padding: 0 4px;
-  }}
+    height: 100%;              /* fill full iframe height */
+    padding: 0 20px;
+}}
   .section {{
     display: flex;
     align-items: stretch;
-    gap: 2px;
-  }}
+    gap: 8px;
+    flex: 1;                   /* each section takes equal space */
+    justify-content: space-around;
+}}
   .divider {{
     width: 1px;
     background: #334155;
@@ -201,19 +205,19 @@ def widget():
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    padding: 2px 6px;
-    gap: 2px;
-    min-width: 60px;
+    padding: 4px 8px;
+    gap: 4px;
+    min-width: 80px;
   }}
   .past   {{ opacity: 0.7; }}
   .future {{ opacity: 1; }}
   .badge {{
-    width: 24px;
-    height: 24px;
+    width: 36px;
+    height: 63px;
     object-fit: contain;
   }}
   .name {{
-    font-size: 9px;
+    font-size: 12px;
     font-weight: 600;
     white-space: nowrap;
     overflow: hidden;
@@ -224,19 +228,19 @@ def widget():
   .home-name {{ color: #cbd5e1; }}
   .away-name {{ color: #94a3b8; }}
   .score {{
-    font-size: 12px;
+    font-size: 14px;
     font-weight: 800;
     color: #4ade80;
     padding: 2px 0;
   }}
   .fixture {{
-    font-size: 9px;
+    font-size: 12px;
     color: #93c5fd;
     text-align: center;
     line-height: 1.4;
   }}
   .comp {{
-    font-size: 8px;
+    font-size: 9px;
     color: #475569;
     font-weight: 500;
   }}