diff --git a/src/assets/images/dark-theme-toggle.png b/src/assets/images/dark-theme-toggle.png
new file mode 100644
index 0000000..13d8628
Binary files /dev/null and b/src/assets/images/dark-theme-toggle.png differ
diff --git a/src/assets/images/light-theme-toggle.png b/src/assets/images/light-theme-toggle.png
new file mode 100644
index 0000000..35e3c72
Binary files /dev/null and b/src/assets/images/light-theme-toggle.png differ
diff --git a/src/assets/images/theme-toggle-dark.png b/src/assets/images/theme-toggle-dark.png
deleted file mode 100644
index 4b90077..0000000
Binary files a/src/assets/images/theme-toggle-dark.png and /dev/null differ
diff --git a/src/assets/images/theme-toggle-light.png b/src/assets/images/theme-toggle-light.png
deleted file mode 100644
index 588de7b..0000000
Binary files a/src/assets/images/theme-toggle-light.png and /dev/null differ
diff --git a/src/assets/pages/resources-landing-page.html b/src/assets/pages/resources-landing-page.html
index 5b33127..1edb09b 100644
--- a/src/assets/pages/resources-landing-page.html
+++ b/src/assets/pages/resources-landing-page.html
@@ -33,15 +33,18 @@
 
     <div class="navbar navbar-dark bg-primary shadow-sm">
         <div class="container d-flex justify-content-between">
+            
             <a class="navbar-brand text-navbartext" href="#">
                 <img src="../images/jdsfaulkner-logo-lt-theme.png" height="50" class="d-inline-block align-middle"
                      alt="JDSfaulkner logo">
             </a>
+
             <div id="theme-toggle" class="theme-button mb-2"></div>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader"
                     aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>
+            
         </div>
     </div>
 
diff --git a/src/assets/pages/styles/theme-dark.scss b/src/assets/pages/styles/theme-dark.scss
index 6676762..7ff206d 100644
--- a/src/assets/pages/styles/theme-dark.scss
+++ b/src/assets/pages/styles/theme-dark.scss
@@ -23,7 +23,8 @@ $theme-colors: (
   height: 30px;
   background-size: contain;
   background-color: transparent;
-  background-image: url("../../images/theme-toggle-dark.png");
+  background-repeat: no-repeat;
+  background-image: url("../../images/dark-theme-toggle.png");
   cursor: pointer;
 }
 
diff --git a/src/assets/pages/styles/theme-light.scss b/src/assets/pages/styles/theme-light.scss
index fad37ac..447bdfe 100644
--- a/src/assets/pages/styles/theme-light.scss
+++ b/src/assets/pages/styles/theme-light.scss
@@ -23,7 +23,8 @@ $theme-colors: (
   height: 30px;
   background-size: contain;
   background-color: transparent;
-  background-image: url("../../images/theme-toggle-light.png");
+  background-repeat: no-repeat;
+  background-image: url("../../images/light-theme-toggle.png");
   cursor: pointer;
 }