diff --git a/frappe/public/scss/desk/file-view.scss b/frappe/public/scss/desk/file-view.scss
index a736ae9b81..0db83fd37b 100644
--- a/frappe/public/scss/desk/file-view.scss
+++ b/frappe/public/scss/desk/file-view.scss
@@ -31,7 +31,7 @@
 		.file-grid {
 			padding: var(--padding-sm);
 			display: grid;
-			grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+			grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
 			grid-gap: var(--margin-md);
 			max-width: 100%;
 
@@ -109,7 +109,7 @@
 						top: -15px;
 						left: 0px;
 						width: 100%;
-						background-color: var(--bg-color);
+						background-color: var(--bg-colorw);
 						border-radius: var(--border-radius);
 					}
 				}
diff --git a/frappe/public/scss/desk/image-view.scss b/frappe/public/scss/desk/image-view.scss
index b3c5f82ac5..1323000cf0 100644
--- a/frappe/public/scss/desk/image-view.scss
+++ b/frappe/public/scss/desk/image-view.scss
@@ -29,7 +29,7 @@
 
 	.image-view-container {
 		display: grid;
-		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
 		max-width: 100%;
 
 		.image-view-row {