diff --git a/client/placeholders/Circle.tsx b/client/placeholders/Circle.tsx
index f09127f..41c3959 100644
--- a/client/placeholders/Circle.tsx
+++ b/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`,
             }}
diff --git a/client/placeholders/Rectangle.tsx b/client/placeholders/Rectangle.tsx
index b76cc3d..39113cd 100644
--- a/client/placeholders/Rectangle.tsx
+++ b/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%',
+            }}
         />
     );
 };