diff --git a/app/soapbox/features/auth_token_list/index.tsx b/app/soapbox/features/auth_token_list/index.tsx
index 5e1c054e3..ac98fd91f 100644
--- a/app/soapbox/features/auth_token_list/index.tsx
+++ b/app/soapbox/features/auth_token_list/index.tsx
@@ -24,7 +24,7 @@ const AuthToken: React.FC<IAuthToken> = ({ token }) => {
   };
 
   return (
-    <div className='p-4 rounded-lg bg-gray-100 dark:bg-gray-700'>
+    <div className='p-4 rounded-lg bg-gray-100 dark:bg-primary-800'>
       <Stack space={2}>
         <Stack>
           <Text size='md' weight='medium'>{token.app_name}</Text>
diff --git a/app/styles/components/datepicker.scss b/app/styles/components/datepicker.scss
index 7c99ad92e..7788335f0 100644
--- a/app/styles/components/datepicker.scss
+++ b/app/styles/components/datepicker.scss
@@ -60,6 +60,10 @@
 
 .react-datepicker__navigation--next {
   right: 16px;
+
+  &--with-time:not(.react-datepicker__navigation--next--with-today-button) {
+    right: 100px;
+  }
 }
 
 .react-datepicker__year-read-view--down-arrow,
diff --git a/app/styles/components/directory.scss b/app/styles/components/directory.scss
index 11364fdd8..7dc8e48cd 100644
--- a/app/styles/components/directory.scss
+++ b/app/styles/components/directory.scss
@@ -31,7 +31,7 @@
   }
 
   &__card {
-    @apply rounded-lg bg-gray-100 dark:bg-gray-700;
+    @apply rounded-lg bg-gray-100 dark:bg-primary-800;
     box-sizing: border-box;
     margin-bottom: 0;
     box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
@@ -67,7 +67,7 @@
     }
 
     &__bar {
-      @apply bg-primary-200 dark:bg-gray-600;
+      @apply bg-primary-200 dark:bg-primary-700;
       display: flex;
       align-items: center;
       padding: 10px;
@@ -149,7 +149,7 @@
       }
 
       .account__header__content {
-        @apply border-b border-solid border-gray-200 dark:border-gray-600;
+        @apply border-b border-solid border-gray-200 dark:border-primary-500;
         box-sizing: border-box;
         padding: 15px 10px;
         width: 100%;