diff --git a/.changeset/honest-apes-travel.md b/.changeset/honest-apes-travel.md
new file mode 100644
index 00000000000..9392d6cd8e4
--- /dev/null
+++ b/.changeset/honest-apes-travel.md
@@ -0,0 +1,5 @@
+---
+"@primer/components": patch
+---
+
+Update overlay shadows
diff --git a/.changeset/strong-eggs-yawn.md b/.changeset/strong-eggs-yawn.md
new file mode 100644
index 00000000000..5e532ead73e
--- /dev/null
+++ b/.changeset/strong-eggs-yawn.md
@@ -0,0 +1,5 @@
+---
+"@primer/components": patch
+---
+
+Update TextInput border color
diff --git a/src/Dialog/Dialog.tsx b/src/Dialog/Dialog.tsx
index 3eaebbae3e1..73477ee318b 100644
--- a/src/Dialog/Dialog.tsx
+++ b/src/Dialog/Dialog.tsx
@@ -184,7 +184,7 @@ const StyledDialog = styled.div<StyledDialogProps & SystemCommonProps & SystemPo
   display: flex;
   flex-direction: column;
   background-color: ${get('colors.bg.overlay')};
-  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 8px 24px rgba(149, 157, 165, 0.2);
+  box-shadow: ${get('shadows.overlay.shadow')};
   min-width: 296px;
   max-width: calc(100vw - 64px);
   max-height: calc(100vh - 64px);
diff --git a/src/Overlay.tsx b/src/Overlay.tsx
index 012142df55b..3696dfbccdc 100644
--- a/src/Overlay.tsx
+++ b/src/Overlay.tsx
@@ -33,10 +33,9 @@ const widthMap = {
   auto: 'auto'
 }
 
-/*TODO replace with shadow functional color variable when it's shipped to primer/primitives*/
 const StyledOverlay = styled.div<StyledOverlayProps & SystemCommonProps & SystemPositionProps & SxProp>`
   background-color: ${get('colors.bg.overlay')};
-  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 8px 24px rgba(149, 157, 165, 0.2);
+  box-shadow: ${get('shadows.overlay.shadow')};
   position: absolute;
   min-width: 192px;
   max-width: 640px;
diff --git a/src/TextInput.tsx b/src/TextInput.tsx
index f73af813b19..a8c77488bd3 100644
--- a/src/TextInput.tsx
+++ b/src/TextInput.tsx
@@ -59,7 +59,7 @@ const Wrapper = styled.span<StyledWrapperProps>`
   vertical-align: middle;
   background-repeat: no-repeat; // Repeat and position set for form states (success, error, etc)
   background-position: right 8px center; // For form validation. This keeps images 8px from right and centered vertically.
-  border: 1px solid ${get('colors.input.border')};
+  border: 1px solid ${get('colors.border.primary')};
   border-radius: ${get('radii.2')};
   outline: none;
   box-shadow: ${get('shadows.shadow.inset')};