diff --git a/src/components/dashboards/portfolio/Portfolio.js b/src/components/dashboards/portfolio/Portfolio.js
index d0e87f7..6cca3bb 100644
--- a/src/components/dashboards/portfolio/Portfolio.js
+++ b/src/components/dashboards/portfolio/Portfolio.js
@@ -4,7 +4,7 @@ import ReactGridLayout, {Responsive, WidthProvider} from 'react-grid-layout';
 import Project from './cards/Project';
 
 const layout = [
-    { i: "project", x: 0, y:0, w: 8, h: 6, minW: 8, minH: 6, card: <Project/>},
+    { i: "project", x: 0, y:0, w: 16, h: 6, minW: 16, minH: 6, card: <Project/>},
 ]
 
 const ResponsiveGridLayout = WidthProvider(ReactGridLayout);
@@ -27,7 +27,7 @@ const Portfolio = () => {
                 // layout={{ lg : savedLayout ? JSON.parse(savedLayout) : layout}}
                 // breakpoints={{ lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 }}
                 // cols={{ lg: 5, md: 4, sm: 3, xs: 2, xxs: 1 }}
-                rowHeight={50} 
+                rowHeight={100} 
                 isDraggable={editMode}
                 isRearrangeable={editMode}
                 isResizable={editMode}
diff --git a/src/components/dashboards/portfolio/cards/Project.js b/src/components/dashboards/portfolio/cards/Project.js
index 5541974..d66b80b 100644
--- a/src/components/dashboards/portfolio/cards/Project.js
+++ b/src/components/dashboards/portfolio/cards/Project.js
@@ -29,7 +29,7 @@ const Project = () => {
     }, []);
     
     return (
-        <div>
+        <div class='flex flex-col w-screen'>
             <ListSubheader component="div">Portfolio</ListSubheader>
             <div className="flex flex-row p-2">
                 {portfolio ? portfolio.map((item) => (