diff --git a/app/assets/images/us-flag.png b/app/assets/images/us-flag.png
deleted file mode 100644
index 8ae515a4d7d..00000000000
Binary files a/app/assets/images/us-flag.png and /dev/null differ
diff --git a/app/assets/images/us_flag.svg b/app/assets/images/us_flag.svg
new file mode 100644
index 00000000000..275d57b9735
--- /dev/null
+++ b/app/assets/images/us_flag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 44"><path fill="#fff" d="M0 0h64v44H0z"/><path fill="#da3e1f" d="M0 0h64v4H0zm0 40h64v4H0zm0-8h64v4H0zm0-8h64v4H0zm0-8h64v4H0zm0-8h64v4H0z"/><path fill="#1e33b1" d="M0 0h32v28H0z"/><path fill="#fff" d="M8 12h4v4H8zm16 0h4v4h-4zm-8 0h4v4h-4zm4-8h4v4h-4zm-8 0h4v4h-4zM4 20h4v4H4zm16 0h4v4h-4zm-8 0h4v4h-4zM4 4h4v4H4z"/></svg>
\ No newline at end of file
diff --git a/app/views/shared/_banner.html.erb b/app/views/shared/_banner.html.erb
index 933c4451593..80f4665c1f2 100644
--- a/app/views/shared/_banner.html.erb
+++ b/app/views/shared/_banner.html.erb
@@ -5,10 +5,10 @@
       <div class="usa-banner__header">
         <div class="usa-banner__inner">
           <%= image_tag(
-                asset_url('us-flag.png'),
+                asset_url('us_flag.svg'),
                 alt: t('image_description.us_flag'),
-                size: '18x12',
-                class: 'margin-right-1',
+                size: '16x11',
+                class: 'usa-banner__header-flag',
               ) %>
           <div class="grid-col-fill tablet:grid-col-auto">
             <p class="usa-banner__header-text">