diff --git a/src/components/boardComponents/Jewel.js b/src/components/boardComponents/Jewel.js
index 0e8d5c8..2aefc46 100644
--- a/src/components/boardComponents/Jewel.js
+++ b/src/components/boardComponents/Jewel.js
@@ -7,7 +7,7 @@ const Token = ({ size = 50, color = "#b3b3b3" }) => {
     <svg
       xmlns="http://www.w3.org/2000/svg"
       version="1.1"
-      viewBox="0 0 13.229166 13.229167"
+      viewBox="2.5 2.5 8.5 8.5"
       height={size}
       width={size}
     >
diff --git a/src/components/boardComponents/Meeple.js b/src/components/boardComponents/Meeple.js
index 74cb44b..a29fcbf 100644
--- a/src/components/boardComponents/Meeple.js
+++ b/src/components/boardComponents/Meeple.js
@@ -7,8 +7,8 @@ const Meeple = ({ size = 50, color = "#b3b3b3" }) => {
     <svg
       xmlns="http://www.w3.org/2000/svg"
       version="1.1"
-      viewBox="0 0 13.492827 10.775362"
-      height={(size / 5) * 4}
+      viewBox="1 1 11 7"
+      height={size}
       width={size}
     >
       <defs id="defs3017">
diff --git a/src/components/boardComponents/Rect.js b/src/components/boardComponents/Rect.js
index bfa26bc..1642cbc 100644
--- a/src/components/boardComponents/Rect.js
+++ b/src/components/boardComponents/Rect.js
@@ -6,6 +6,8 @@ const Rect = styled.div`
     width: ${width}px;
     height: ${height}px;
     background-color: ${color};
+    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
+      rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
   `}
 `;
 
diff --git a/src/components/boardComponents/Round.js b/src/components/boardComponents/Round.js
index 6e98a5e..c71cfff 100644
--- a/src/components/boardComponents/Round.js
+++ b/src/components/boardComponents/Round.js
@@ -11,6 +11,8 @@ const StyledRound = styled.div`
     display: flex;
     align-items: center;
     justify-content: center;
+    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
+      rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
   `}
 `;