diff --git a/client/golfball-logo.svg b/client/golfball-logo.svg
index 2186daf..63801ec 100644
--- a/client/golfball-logo.svg
+++ b/client/golfball-logo.svg
@@ -62,6 +62,6 @@
   <!-- Card suits - 2x2 grid -->
   <text x="36" y="40" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#1a1a1a" text-anchor="middle">&#9827;</text>
   <text x="64" y="40" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#cc0000" text-anchor="middle">&#9830;</text>
-  <text x="36" y="64" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#1a1a1a" text-anchor="middle">&#9824;</text>
-  <text x="64" y="64" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#cc0000" text-anchor="middle">&#9829;</text>
+  <text x="36" y="64" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#cc0000" text-anchor="middle">&#9829;</text>
+  <text x="64" y="64" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#1a1a1a" text-anchor="middle">&#9824;</text>
 </svg>
diff --git a/client/style.css b/client/style.css
index 8614a3e..778136e 100644
--- a/client/style.css
+++ b/client/style.css
@@ -141,13 +141,16 @@ body {
         margin-left: 0;
         margin-right: 10px;
     }
+    .golfer-container {
+        margin-left: 10px;
+    }
 }
 
 /* Golfer + ball container */
 .golfer-container {
     position: relative;
     display: inline-block;
-    margin-left: 10px;
+    margin-left: 4px;
 }
 
 /* Golfer swing animation */