fix: changing px to spacing

2 files changed, 8 insertions, 8 deletions

diff --git a/src/Feed/Feed.tsx b/src/Feed/Feed.tsx
index 03ba6c0..ef82b38 100644
--- a/src/Feed/Feed.tsx
+++ b/src/Feed/Feed.tsx
@@ -7,9 +7,9 @@ interface PropTypes {
   polls: Poll[],
 }
 
-const usedStyles = makeStyles(() => ({
+const usedStyles = makeStyles(theme => ({
   feed: {
-    maxWidth: 600,
+    maxWidth: theme.spacing(75),
     margin: '0 auto'
   }
 }));
diff --git a/src/PollCard/PollCard.tsx b/src/PollCard/PollCard.tsx
index 07449fb..27a37a2 100644
--- a/src/PollCard/PollCard.tsx
+++ b/src/PollCard/PollCard.tsx
@@ -14,15 +14,15 @@ interface PercentageBarPropTypes {
   which: 'left' | 'right';
 }
 
-const useStyles = makeStyles({
+const useStyles = makeStyles(theme => ({
   root: {
-    maxWidth: 600,
-    height: 500,
+    maxWidth: theme.spacing(75),
+    height: theme.spacing(63),
     margin: '20px auto'
   },
   images: {
-    height: 400,
-    width: 300
+    height: theme.spacing(50),
+    width: theme.spacing(38)
   },
   imagesBlock: {
     display: 'flex'
@@ -39,7 +39,7 @@ const useStyles = makeStyles({
   percentageRight: {
     right: 30
   }
-});
+}));
 
 
 const PercentageBar: React.FC<PercentageBarPropTypes> = ({ value, which }) => {