diff --git a/packages/netlify-cms-ui-default/src/ObjectWidgetTopBar.js b/packages/netlify-cms-ui-default/src/ObjectWidgetTopBar.js
index c3eb7112..a69692bc 100644
--- a/packages/netlify-cms-ui-default/src/ObjectWidgetTopBar.js
+++ b/packages/netlify-cms-ui-default/src/ObjectWidgetTopBar.js
@@ -41,14 +41,8 @@ const ExpandButton = styled.button`
 `;
 
 const AddButton = styled.button`
-  ${buttons.button};
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 2px 12px;
-  font-size: 12px;
-  font-weight: bold;
-  border-radius: 3px;
+  ${buttons.button}
+  ${buttons.widget}
 
   ${Icon} {
     margin-left: 6px;
diff --git a/packages/netlify-cms-ui-default/src/styles.js b/packages/netlify-cms-ui-default/src/styles.js
index 13ce842f..7671b0ad 100644
--- a/packages/netlify-cms-ui-default/src/styles.js
+++ b/packages/netlify-cms-ui-default/src/styles.js
@@ -191,6 +191,15 @@ const buttons = {
     background-color: ${colorsRaw.gray};
     color: ${colorsRaw.white};
   `,
+  widget: css`
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 2px 12px;
+    font-size: 12px;
+    font-weight: bold;
+    border-radius: 3px;
+  `,
   medium: css`
     height: 27px;
     line-height: 27px;
diff --git a/packages/netlify-cms-widget-datetime/src/DateTimeControl.js b/packages/netlify-cms-widget-datetime/src/DateTimeControl.js
index b2e8530d..babebf05 100644
--- a/packages/netlify-cms-widget-datetime/src/DateTimeControl.js
+++ b/packages/netlify-cms-widget-datetime/src/DateTimeControl.js
@@ -21,9 +21,7 @@ function NowButton({ t, handleChange }) {
       <button
         css={css`
           ${buttons.button}
-          ${buttons.default}
-    ${buttons.lightBlue}
-    ${buttons.small}
+          ${buttons.widget}
         `}
         onClick={() => {
           handleChange(moment());