New menu

src/styles/ActionIcon.module.css

@@ -34,4 +34,25 @@
             color: var(--color-text-acc) !important;
         }
     }
+}
+
+.menuActions {
+    &.root {
+        transition: all .1s ease;
+        width: 40px;
+        height: 30px;
+        border-radius: 10px;
+        border: none;
+        .icon {
+            font-size: 24px;
+        }
+        .loader {
+            display: none;
+        }
+        :hover {
+            background-color: var(--color-text-pri) !important;
+            color: var(--color-text-acc) !important;
+            transition: all .1s ease;
+        }
+    }
 }

src/styles/Button.module.css

@@ -34,6 +34,29 @@
     }
 }
 
+.wakeButton{
+	&.root {
+        font-size: 1em;
+        font-weight:500;
+        margin: 10px;
+        width:108px;
+        height:96px;
+        line-height: 3rem;
+        text-align: center;
+        text-transform: uppercase;
+        border-radius: 1em;
+        color: var(--color-text-acc);
+        background-color: var(--color-background);
+        border: solid 2px var(--color-text-pri);
+        transition: all .2s ease;
+        &:hover {
+            color: var(--color-background);
+            background-color: var(--color-text-pri);
+            border: solid 2px var(--color-text-acc);
+        }
+    }
+}
+
 .tableButton {
     &.root {
         &.loader{

src/styles/Menu.module.css

@@ -1,9 +1,13 @@
 .dropdown {
     color: var(--color-text-pri);
+    width: 500px !important;
 }
 .item {
     &:hover {
         background-color: var(--color-text-pri);
         color: var(--color-background)
     }
+}
+.label {
+    color: var(--color-text-pri) !important;
 }

src/styles/Select.module.css

@@ -10,30 +10,48 @@
     &:focus {
         border-color: var(--color-text-pri) !important;
     }
+    display: flex !important;
+    overflow: clip !important;
+    height: 36px !important;
 }
 
 .options {
     .option {
-        color: black !important;
+        color: var(--color-text-pri) !important;
         font-size: 14px !important;
         /* applies styles to selected item */
         &[data-checked] {
-            background-color: gray !important;
-            color: white !important;
+            background-color: var(--color-text-acc) !important;
+            color: var(--color-text-pri) !important;
             &:hover {
-                background-color: black !important;
-                color: white !important;
+                background-color: var(--color-text-acc) !important;
+                color: var(--color-background) !important;
             }
         }
 
         /* applies styles to hovered item (with mouse or keyboard) */
         &:hover {
-            background-color: black !important;
-            color: white !important;
+            background-color: var(--color-text-acc) !important;
+            color: var(--color-text-pri) !important;
         }
     }
 }
 
 .dropdown {
-    background-color: white !important;
+    background-color: var(--color-background) !important;
+}
+
+.pillsList {
+    .pill {
+        display: none !important;
+    }
+}
+
+.placeholder {
+    color: white !important;
+}
+
+.root {
+
+    width: 180px !important;
 }