diff --git a/package-lock.json b/package-lock.json
index 08acea3..97a2e3e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11886,9 +11886,9 @@
       }
     },
     "gatsby-plugin-svgr-svgo": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/gatsby-plugin-svgr-svgo/-/gatsby-plugin-svgr-svgo-1.2.0.tgz",
-      "integrity": "sha512-Rhn+EtShz3xCMB6yUd7p+/GdRSlLp1ka7DwD96pQDjmAV2RP0MIpiBdL+OUc+cjobOe/tS/EVC8t+wGGCarnZQ==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/gatsby-plugin-svgr-svgo/-/gatsby-plugin-svgr-svgo-1.2.2.tgz",
+      "integrity": "sha512-EceHhXiouU0KiaJWrpI6Bp4/Lwquaq4d6Yb5GZMQEtwTW6/WOSrBrtg8vlDzdncT0TBwwyDKK+JBjRZpAn8tCQ==",
       "dev": true,
       "requires": {
         "svgo": "^1.3.2",
diff --git a/package.json b/package.json
index 51c7316..c86060f 100644
--- a/package.json
+++ b/package.json
@@ -51,7 +51,7 @@
     "gatsby-plugin-react-helmet": "^4.2.0",
     "gatsby-plugin-sass": "^4.3.0-next.0",
     "gatsby-plugin-sharp": "^3.2.0",
-    "gatsby-plugin-svgr-svgo": "^1.2.0",
+    "gatsby-plugin-svgr-svgo": "^1.2.2",
     "gatsby-source-filesystem": "^3.2.0",
     "gatsby-transformer-sharp": "^3.2.0",
     "husky": "^6.0.0",
diff --git a/src/images/example.inline.svg b/src/images/example.inline.svg
index 973e730..389305b 100644
--- a/src/images/example.inline.svg
+++ b/src/images/example.inline.svg
@@ -1,4 +1,4 @@
-<svg width="100" height="80" viewBox="0 0 100 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="200" height="80" viewBox="0 0 100 80" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M99.4966 18.9277L16.877 18.9277V79.4956H42.0659H99.4966V53.2495V45.1738V18.9277Z" fill="#F9F8FC" stroke="#BEB9D7" stroke-linecap="round" stroke-linejoin="round"/>
 <rect width="75.5763" height="60.5602" transform="matrix(0.965803 -0.259276 0.258363 0.966048 0.755371 20.3516)" fill="white"/>
 <path d="M73.7472 0.756431L0.755371 20.3516L16.4019 78.8556L89.3937 59.2605L82.6136 33.9087L80.5274 26.1082L73.7472 0.756431Z" stroke="#3C3C64" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index fbcd509..59f56fe 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -1,6 +1,8 @@
 import React from 'react';
 
 import Link from 'components/shared/link';
+import ExampleInlineSVG from 'images/example.inline.svg';
+import exampleUrlSvg from 'images/example.svg';
 import MainLayout from 'layouts/main';
 
 const IndexPage = () => (
@@ -11,7 +13,8 @@ const IndexPage = () => (
         <div className="column">2</div>
         <div className="column">3</div>
       </div>
-
+      Inline SVG: <ExampleInlineSVG />
+      URL SVG: <img src={exampleUrlSvg} alt="" />
       <Link to="/page-2">Page 2</Link>
     </div>
   </MainLayout>
diff --git a/src/pages/page-2.jsx b/src/pages/page-2.jsx
index 095610e..94e5a5e 100644
--- a/src/pages/page-2.jsx
+++ b/src/pages/page-2.jsx
@@ -1,15 +1,11 @@
 import React from 'react';
 
 import Link from 'components/shared/link';
-import ExampleInlineSVG from 'images/example.inline.svg';
-import exampleUrlSvg from 'images/example.svg';
 import MainLayout from 'layouts/main';
 
 const IndexPage = () => (
   <MainLayout>
     <div className="container">
-      Inline SVG: <ExampleInlineSVG />
-      URL SVG: <img src={exampleUrlSvg} alt="" />
       <Link to="/">Back</Link>
     </div>
   </MainLayout>