diff --git a/src/components/specific/projects/project-card/ProjectCard.scss b/src/components/specific/projects/project-card/ProjectCard.scss
index 8bd246c79..885276fec 100644
--- a/src/components/specific/projects/project-card/ProjectCard.scss
+++ b/src/components/specific/projects/project-card/ProjectCard.scss
@@ -2,7 +2,6 @@
 
 .project-card {
   min-width: $card-width;
-  width: $card-width;
   height: $card-height;
 
   .bimdata-card {
@@ -24,7 +23,7 @@
       position: absolute;
       z-index: 1;
       width: 4px;
-      height: $card-height;
+      height: 100%;
 
       &--new {
         background-color: var(--color-primary);
@@ -47,7 +46,7 @@
       position: absolute;
       z-index: 2;
       top: 0;
-      left: calc($card-width - 66px);
+      right: 15%;
     }
 
     .project-status-badge {
@@ -88,7 +87,7 @@
 
 .project-card-placeholder {
   min-width: $card-width;
-  width: $card-width;
+  width: 100%;
   height: $card-height;
   box-shadow: var(--box-shadow);
   background-color: var(--color-silver-light);
diff --git a/src/components/specific/projects/project-card/project-card-model-preview/ProjectCardModelPreview.scss b/src/components/specific/projects/project-card/project-card-model-preview/ProjectCardModelPreview.scss
index 8128646aa..63875f1f4 100644
--- a/src/components/specific/projects/project-card/project-card-model-preview/ProjectCardModelPreview.scss
+++ b/src/components/specific/projects/project-card/project-card-model-preview/ProjectCardModelPreview.scss
@@ -15,4 +15,9 @@
     margin: 0 calc((100% - 100px) / 2);
     margin-top: 16px;
   }
+  // @TODO - Remove this and fix width into bimdata-components lib for the component to also accept percentages & fix onMouseMove
+  .preview-3d,
+  .preview-2d {
+    width: 100% !important;
+  }
 }
diff --git a/src/components/specific/projects/project-card/project-card-model-preview/ProjectCardModelPreview.vue b/src/components/specific/projects/project-card/project-card-model-preview/ProjectCardModelPreview.vue
index f46d99de3..0fe653553 100644
--- a/src/components/specific/projects/project-card/project-card-model-preview/ProjectCardModelPreview.vue
+++ b/src/components/specific/projects/project-card/project-card-model-preview/ProjectCardModelPreview.vue
@@ -13,7 +13,6 @@
       :type="!image.url || image.type === MODEL_TYPE.IFC ? '3d' : '2d'"
       :previewUrl="image.url"
       defaultUrl="/static/default-model-preview.png"
-      :width="320"
       :height="205"
     />
   </div>
diff --git a/src/components/specific/projects/project-creation-card/ProjectCreationCard.scss b/src/components/specific/projects/project-creation-card/ProjectCreationCard.scss
index 3ff667c46..4a49b0a05 100644
--- a/src/components/specific/projects/project-creation-card/ProjectCreationCard.scss
+++ b/src/components/specific/projects/project-creation-card/ProjectCreationCard.scss
@@ -5,7 +5,6 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  width: $card-width;
   height: $card-height;
   box-shadow: var(--box-shadow);
   background-color: var(--color-white);
diff --git a/src/views/space-board/SpaceBoard.vue b/src/views/space-board/SpaceBoard.vue
index 89e706138..ada033e2f 100644
--- a/src/views/space-board/SpaceBoard.vue
+++ b/src/views/space-board/SpaceBoard.vue
@@ -66,6 +66,7 @@
         itemWidth="320px"
         rowGap="36px"
         columnGap="36px"
+        :isRepeatFit="true"
         :style="{ justifyContent: isMD ? 'center' : '' }"
       >
         <transition-group name="grid">