diff --git a/css/styles.css b/css/styles.css
index 55bda436faf440e24ce1dfcb11d599e3943d31cc..2dc5d7561c42c0360499294911a8270eda15c2e2 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -3824,6 +3824,9 @@ fieldset,
     .uw-instagram__wrapper iframe {
       max-width: 500px;
       width: 100%; }
+  .uw-instagram__view-on-source {
+    padding: 1rem 0;
+    text-align: center; }
 
 .list--border {
   list-style: none;
diff --git a/source/_patterns/04-components/instagram/_instagram.scss b/source/_patterns/04-components/instagram/_instagram.scss
index e6cf8dd03c30646721f1fefc5f8627a3c7a5236e..685b5646dacfc45bf7715a66cae0d17b1c5024f3 100644
--- a/source/_patterns/04-components/instagram/_instagram.scss
+++ b/source/_patterns/04-components/instagram/_instagram.scss
@@ -12,4 +12,9 @@
       width: 100%;
     }
   }
+
+  &__view-on-source {
+    padding: 1rem 0;
+    text-align: center;
+  }
 }
diff --git a/source/_patterns/04-components/instagram/instagram.twig b/source/_patterns/04-components/instagram/instagram.twig
index 5b85934d3c5e966e0ec4e63d3cca4dd85ddee6fd..6edb690c91a09dc3b0b1cb04ca0faf62ddb60875 100644
--- a/source/_patterns/04-components/instagram/instagram.twig
+++ b/source/_patterns/04-components/instagram/instagram.twig
@@ -3,4 +3,7 @@
     <blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="{{ instagram.url }}" data-instgrm-version="12" style="max-width: 500px;"></blockquote>
     <script async src="//www.instagram.com/embed.js"></script>
   </div>
+  <div class="uw-instagram__view-on-source">
+    View on <a href="{{ instagram.url }}">Instagram</a>
+  </div>
 </div>