diff --git a/app/assets/stylesheets/components/_index.scss b/app/assets/stylesheets/components/_index.scss
index ff6ca4d..b23f8da 100644
--- a/app/assets/stylesheets/components/_index.scss
+++ b/app/assets/stylesheets/components/_index.scss
@@ -12,3 +12,4 @@
 @import "screen_sizes";
 @import "cross_site_animations";
 @import "sign-in";
+@import "parents_dashboard"
diff --git a/app/assets/stylesheets/components/_navbar.scss b/app/assets/stylesheets/components/_navbar.scss
index 8061cdc..a808960 100644
--- a/app/assets/stylesheets/components/_navbar.scss
+++ b/app/assets/stylesheets/components/_navbar.scss
@@ -22,3 +22,13 @@
   font-size: 24px;
   color: $secondary;
 }
+
+.dropdown-item{
+  color: $secondary;
+  font-size: 20px;
+  font-family: $headers-font;
+  font-weight: bold;
+  &:hover{
+    color: $secondary;
+}
+}
diff --git a/app/assets/stylesheets/components/_parents_dashboard.scss b/app/assets/stylesheets/components/_parents_dashboard.scss
new file mode 100644
index 0000000..e432ad0
--- /dev/null
+++ b/app/assets/stylesheets/components/_parents_dashboard.scss
@@ -0,0 +1,14 @@
+.dropdown-item {
+  background-color:#FFB703;
+  color: #E36414;
+  font-family: $body-font;
+}
+
+.dropdown-item:hover {
+  background-color:#ffc83e;
+}
+
+.dropdown-menu {
+  background-color: #FFB703;
+  border-radius: 7px;
+}