diff --git a/src/assets/stylesheets/project.scss b/src/assets/stylesheets/project.scss
index 7b275d8..a1d111e 100644
--- a/src/assets/stylesheets/project.scss
+++ b/src/assets/stylesheets/project.scss
@@ -83,10 +83,14 @@
   color: rgb(238, 238, 238);
   opacity: 100%;
   font-size: 16px;
-  font-family: "itrFontMedium";
+  font-family: itrFontMedium;
   padding: 10px;
   line-height: 20px;
   border-radius: 10px;
+  display: block;
+  overflow: hidden;
+  width: 100%;
+  box-sizing: border-box;
 }
 
 .project__content__blocks_block span {
@@ -125,7 +129,7 @@
   color: rgb(136, 136, 136);
   opacity: 100%;
   font-size: 20px;
-  font-family: "itrFontMedium";
+  font-family: itrFontMedium;
   padding: 10px;
   line-height: 32px;
   border-radius: 10px;
diff --git a/src/components/Projects.js b/src/components/Projects.js
index 5ee2bce..f6f9f99 100644
--- a/src/components/Projects.js
+++ b/src/components/Projects.js
@@ -16,7 +16,10 @@ const Project = () => {
     if (bodySize.width > 850) {
       return 3;
     }
-    return 2;
+    if (bodySize.width > 650) {
+      return 2;
+    }
+    return 1;
   }, [bodySize]);
   return (
     <div className="project">