diff --git a/src/modals/create-dashboard/create-dashboard.modal.tsx b/src/modals/create-dashboard/create-dashboard.modal.tsx
index 45c82fa12..aee613d87 100644
--- a/src/modals/create-dashboard/create-dashboard.modal.tsx
+++ b/src/modals/create-dashboard/create-dashboard.modal.tsx
@@ -35,6 +35,8 @@ export const CreateDashboardModal = ({ context, id, innerProps }: ContextModalPr
           onClick={() => {
             modals.close(id);
           }}
+          variant="light"
+          color="gray"
         >
           Cancel
         </Button>
@@ -47,6 +49,8 @@ export const CreateDashboardModal = ({ context, id, innerProps }: ContextModalPr
             });
           }}
           disabled={isLoading}
+          variant="light"
+          color="green"
         >
           Create
         </Button>
diff --git a/src/modals/create-registration-token/create-registration-token.modal.tsx b/src/modals/create-registration-token/create-registration-token.modal.tsx
index de3ec9a4e..d7763eefc 100644
--- a/src/modals/create-registration-token/create-registration-token.modal.tsx
+++ b/src/modals/create-registration-token/create-registration-token.modal.tsx
@@ -46,11 +46,12 @@ export const CreateRegistrationTokenModal = ({
       </Text>
 
       <DateInput
-        label="Expiration date"
-        withAsterisk
         popoverProps={{ withinPortal: true }}
         minDate={minDate}
         maxDate={maxDate}
+        withAsterisk
+        label="Expiration date"
+        variant="filled"
         {...form.getInputProps('expirationDate')}
       />
 
@@ -59,6 +60,8 @@ export const CreateRegistrationTokenModal = ({
           onClick={() => {
             modals.close(id);
           }}
+          variant="light"
+          color="gray"
         >
           Cancel
         </Button>
@@ -69,6 +72,8 @@ export const CreateRegistrationTokenModal = ({
             });
           }}
           disabled={isLoading}
+          variant="light"
+          color="green"
         >
           Create
         </Button>
diff --git a/src/modals/delete-registration-token/delete-registration-token.modal.tsx b/src/modals/delete-registration-token/delete-registration-token.modal.tsx
index d3ff0fd0b..17df9cf49 100644
--- a/src/modals/delete-registration-token/delete-registration-token.modal.tsx
+++ b/src/modals/delete-registration-token/delete-registration-token.modal.tsx
@@ -26,6 +26,8 @@ export const DeleteRegistrationTokenModal = ({
           onClick={() => {
             modals.close(id);
           }}
+          variant="light"
+          color="gray"
         >
           Cancel
         </Button>
@@ -36,6 +38,8 @@ export const DeleteRegistrationTokenModal = ({
             });
           }}
           disabled={isLoading}
+          variant="light"
+          color="red"
         >
           Delete
         </Button>
diff --git a/src/modals/delete-user/delete-user.modal.tsx b/src/modals/delete-user/delete-user.modal.tsx
index 92d473c49..4c3b98908 100644
--- a/src/modals/delete-user/delete-user.modal.tsx
+++ b/src/modals/delete-user/delete-user.modal.tsx
@@ -26,6 +26,8 @@ export const DeleteUserModal = ({
           onClick={() => {
             modals.close(id);
           }}
+          variant="light"
+          color="gray"
         >
           Cancel
         </Button>
@@ -36,6 +38,8 @@ export const DeleteUserModal = ({
             });
           }}
           disabled={isLoading}
+          variant="light"
+          color="red"
         >
           Delete
         </Button>