diff --git a/packages/theme/src/theme/variants/button.ts b/packages/theme/src/theme/variants/button.ts
index 4bc21fc48..384196f9c 100644
--- a/packages/theme/src/theme/variants/button.ts
+++ b/packages/theme/src/theme/variants/button.ts
@@ -104,13 +104,13 @@ const list: ThemeUIStyleObject = {
 const anchor: ThemeUIStyleObject = {
   variant: "buttons.default",
   color: "primary",
-  fontSize: "subBody",
   p: 0,
   m: 0,
   px: 0,
   py: 0,
+  textDecoration: "underline",
   ":hover": {
-    textDecoration: "underline"
+    color: "dimPrimary"
   }
 };
 
diff --git a/packages/theme/src/theme/variants/input.ts b/packages/theme/src/theme/variants/input.ts
index ca64955f1..1c3416a9d 100644
--- a/packages/theme/src/theme/variants/input.ts
+++ b/packages/theme/src/theme/variants/input.ts
@@ -22,18 +22,16 @@ import { ThemeUIStyleObject } from "@theme-ui/core";
 const defaultVariant: ThemeUIStyleObject = {
   borderRadius: "default",
   border: "none",
-  // borderColor: "border",
-  boxShadow: "0px 0px 0px 1px var(--border) inset",
+  outline: "1.5px solid var(--border)",
   fontFamily: "body",
   fontWeight: "body",
   fontSize: "input",
   color: "text",
-  outline: "none",
   ":focus": {
-    boxShadow: "0px 0px 0px 1.5px var(--primary) inset"
+    outline: "2px solid var(--primary)"
   },
   ":hover:not(:focus)": {
-    boxShadow: "0px 0px 0px 1px var(--dimPrimary) inset"
+    outline: "1.5px solid var(--dimPrimary)"
   }
 };