diff --git a/src/app/components/UsaBanner.tsx b/src/app/components/UsaBanner.tsx
index 0738f4c..edeeb4c 100644
--- a/src/app/components/UsaBanner.tsx
+++ b/src/app/components/UsaBanner.tsx
@@ -11,10 +11,15 @@ import {
   MediaBlockBody,
   Icon,
 } from '@trussworks/react-uswds';
-import { dotGovIcon, flagImg, httpsIcon } from '../utils/constants';
+import { basePath } from '../utils/constants';
 
 export default function USABanner() {
   const [isOpen, setIsOpen] = useState(false);
+
+  const flagImg = `${basePath}/images/us-flag.png`;
+  const dotGovIcon = `${basePath}/images/us-gov-icon.svg`;
+  const httpsIcon = `${basePath}/images/https-icon.svg`;
+
   return (
     <Banner aria-label="Official website of the state department of something specific">
       <BannerHeader
diff --git a/src/app/utils/constants.ts b/src/app/utils/constants.ts
index d37743d..57f628d 100644
--- a/src/app/utils/constants.ts
+++ b/src/app/utils/constants.ts
@@ -1,6 +1,3 @@
 const basePath = '/dibbs-site';
-const flagImg = `${basePath}/images/us-flag.png`;
-const dotGovIcon = `${basePath}/images/us-gov-icon.svg`;
-const httpsIcon = `${basePath}/images/https-icon.svg`;
 
-export { basePath, flagImg, dotGovIcon, httpsIcon };
+export { basePath };