diff --git a/src/styles/dashboard.scss b/src/styles/dashboard.scss
index 8ea513e8ec486171af532352125580970cf7464a..72606219b49c311903108d768b2900d28bae6ef7 100644
--- a/src/styles/dashboard.scss
+++ b/src/styles/dashboard.scss
@@ -1,4 +1,33 @@
+
+:root {
+    --color-dev-primary: #00b1e6;
+    --color-dev-secondary: #1a2c5f;
+    --color-dev-third: #8dd8f8;
+    --color-dev-heading: #1a2c5f;
+    --color-h2: #1F82C0;
+    --color-body: #636363;
+  }
+body {
+    color: var(--color-body);
+}
 #dashboard {
+
+        h2 {
+            color: var(--color-h2);
+        }
+        h3 {
+            font-weight: 800;
+        }
+        .link {
+            color: var(--color-primary);
+            .icon {
+                color: var(--color-primary);
+            }
+        }
+        .icon-in-link {
+            color: var(--color-primary);
+        }
+
     .hook-dashboard {
         display: flex;
         flex-wrap: wrap;
@@ -13,6 +42,19 @@
             flex-shrink: 1;
             padding: 15px;
             display: block;
+            margin-left: -15px; 
+            margin-right: -15px; 
+            div>solid-display {
+                display: block;
+            }
+            a {
+                display: inline;
+                vertical-align: baseline;
+                color: var(--color-primary);
+            }
+            p {
+                display: inline;
+            }
         }
 
         solid-form-search {
@@ -30,6 +72,7 @@
                 box-shadow: none;
                 flex-shrink: 1;
                 display: block;
+                padding: 0 0 15px 0;
             }
         }
     }
@@ -62,8 +105,4 @@
             }
         }
     }
-}
-
-.icon-in-link {
-    color: var(--color-secondary);
 }
\ No newline at end of file