diff --git a/client/placeholders/Square.tsx b/client/placeholders/Square.tsx
index 4dfc006..8af7d2d 100644
--- a/client/placeholders/Square.tsx
+++ b/client/placeholders/Square.tsx
@@ -7,20 +7,20 @@ import * as React from 'react';
 
 interface SquareProps {
     backgroundColor?: string;
-    size?: number;
+    size?: string;
 }
 
 const Square: React.FC<SquareProps> = ({
     backgroundColor = 'rgba(0, 0, 0, 0.3)',
-    size = 8,
+    size = '100%',
 }) => {
     return (
         <div
             style={{
                 backgroundColor,
-                borderRadius: '4px',
-                height: '100%',
-                width: '100%',
+                borderRadius: '0.25rem',
+                height: size,
+                width: size,
             }}
         />
     );