diff --git a/src/index.js b/src/index.js
index 647d10d155aa8c686e208928b8afd82f05a8c12e..ff83c659329f628edd9b3d93852403232639cd6c 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,6 +1,7 @@
 import('./utils.js').then(utils => {
   import(utils.coreVersion()).then(async (core) => {
     core.Helpers.importCSS(utils.path() + '/styles/index.css?min');
+    core.Helpers.importCSS(utils.path() + '/styles/dashboard.css?min');
   
     await import("./custom-tzcld.js");
   
diff --git a/src/styles/dashboard.scss b/src/styles/dashboard.scss
new file mode 100644
index 0000000000000000000000000000000000000000..2f8fbd0876a762ff4fa4f603c22723638a4bf632
--- /dev/null
+++ b/src/styles/dashboard.scss
@@ -0,0 +1,52 @@
+#dashboard {
+    .hook-dashboard {
+        display: flex;
+        flex-wrap: wrap;
+        padding:  15px;
+    }
+    solid-resource {
+        display:block;
+        flex-basis: calc(66% - 15px);
+        &>.solid-resource>solid-display {
+            background: #fff;
+            box-shadow: 0 0 6px 0 rgb(0 0 0 / 11%);flex-grow: 1;
+            flex-shrink: 1;
+            padding: 15px;
+            display: block;
+        }
+
+        solid-form-search {
+            display: none;
+        }
+        solid-display {
+            nav {
+                display: none;
+            }
+        }
+        &.cardsList {
+            flex-basis: calc(100%);
+
+        }
+    }
+    solid-event {
+        display:block;
+        flex-basis: calc(34% - 15px);
+        margin-left: 30px;
+        &>.solid-event>solid-display {
+            background: #fff;
+            box-shadow: 0 0 6px 0 rgb(0 0 0 / 11%);flex-grow: 1;
+            flex-shrink: 1;
+            padding: 15px;
+            display: block;
+        }
+
+        solid-form-search {
+            display: none;
+        }
+        solid-display {
+            nav {
+                display: none;
+            }
+        }
+    }
+}
\ No newline at end of file