diff --git a/frontend/src/sidebar/SidebarContext.js b/frontend/src/sidebar/SidebarContext.js
index 12f6ce6..8bd7517 100644
--- a/frontend/src/sidebar/SidebarContext.js
+++ b/frontend/src/sidebar/SidebarContext.js
@@ -13,8 +13,8 @@ const SidebarContext = createContext(null);
const THEME_STORAGE_KEY = 'papercrate_theme_settings';
const DEFAULT_NEUTRAL_HUE = 145;
-const DEFAULT_NEUTRAL_CHROMA = 0.15;
-const DEFAULT_NEUTRAL_CONTRAST = 0.364;
+const DEFAULT_NEUTRAL_CHROMA = 0.1;
+const DEFAULT_NEUTRAL_CONTRAST = 0.3;
const DEFAULT_THEME_MODE = 'system';
const THEME_MODES = ['system', 'light', 'dark'];
diff --git a/frontend/src/styles/documents/listing.css b/frontend/src/styles/documents/listing.css
index c327d77..42c3e1c 100644
--- a/frontend/src/styles/documents/listing.css
+++ b/frontend/src/styles/documents/listing.css
@@ -429,13 +429,13 @@
.documents-grid {
display: grid;
- grid-template-columns: repeat(auto-fill, minmax(var(--documents-grid-icon-size), 1fr));
- gap: 0.3rem 1.3rem;
- padding: 0;
+ grid-template-columns: repeat(auto-fill, minmax(var(--documents-grid-icon-size), var(--documents-grid-icon-size)));
+ gap: 0.3rem 1.5rem;
+ justify-content: flex-start;
}
.document-card {
- padding: 0rem;
+ padding: 0;
display: flex;
flex-direction: column;
gap: 0.3rem;
@@ -460,7 +460,6 @@
.document-card__meta {
display: flex;
flex-direction: column;
- align-items: center;
gap: 0.35rem;
width: 100%;
}
@@ -468,7 +467,6 @@
.document-card__title {
display: flex;
flex-direction: column;
- align-items: center;
gap: 0.35rem;
color: var(--fg);
}
@@ -549,7 +547,7 @@
color: var(--fg);
overflow: hidden;
text-overflow: ellipsis;
- white-space: break-word;
+ word-break: break-word;
font-size: var(--documents-grid-title-size);
padding: 0.2rem 0.7rem;
border-radius: 1rem;
diff --git a/frontend/src/ui/icons.js b/frontend/src/ui/icons.js
index f839a7b..cd049c6 100644
--- a/frontend/src/ui/icons.js
+++ b/frontend/src/ui/icons.js
@@ -321,25 +321,18 @@ export const IconFileStack = ({ className, size = 24, stroke = 160, ...rest }) =
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
+ xmlns="http://www.w3.org/2000/svg"
+ xmlnsXlink="http://www.w3.org/1999/xlink"
>
-
-
-
-
-
-
-
-
-
+
+
+
);
};