Circle and Rectangle use pure styles

client/placeholders/Circle.tsx

@@ -7,8 +7,9 @@ interface CircleProps {
 const Circle: React.FC<CircleProps> = ({ size = 16 }) => {
     return (
         <div
-            className="bg-black-30 br-pill"
             style={{
+                backgroundColor: 'rgba(0, 0, 0, .3)',
+                borderRadius: '9999px',
                 height: `${size}px`,
                 width: `${size}px`,
             }}

client/placeholders/Rectangle.tsx

@@ -7,8 +7,12 @@ interface RectangleProps {
 const Rectangle: React.FC<RectangleProps> = ({ height = 8 }) => {
     return (
         <div
-            className="w-100 bg-black-30 br1"
-            style={{ height: `${height}px` }}
+            style={{
+                backgroundColor: 'rgba(0, 0, 0, .3)',
+                borderRadius: '2px',
+                height: `${height}px`,
+                width: '100%',
+            }}
         />
     );
 };