diff --git a/src/assets/pages/Design2.html b/src/assets/pages/Design2.html
index e049ce0..676f552 100644
--- a/src/assets/pages/Design2.html
+++ b/src/assets/pages/Design2.html
@@ -5,11 +5,8 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
-    <!-- Bootstrap CSS -->
-    <link rel="stylesheet" href="styles/bootstrap.css">
-
-    <!-- Custom CSS -->
-    <link rel="stylesheet" href="styles/ResourcesInterface.css">
+    <link rel="stylesheet" href="styles/theme.css">
+    <link rel="stylesheet" href="styles/ResourcesLandingPage.css">
 
     <title>Resources</title>
 </head>
diff --git a/src/assets/pages/ResourcesLandingPage.html b/src/assets/pages/ResourcesLandingPage.html
index b59a949..5f6ddf0 100644
--- a/src/assets/pages/ResourcesLandingPage.html
+++ b/src/assets/pages/ResourcesLandingPage.html
@@ -52,7 +52,7 @@
 
     <div class="album py-5 bg-primary">
         <div class="container">
-        <input class="form-control form-control-dark w-100 bg-secondary" type="text" placeholder="Search" aria-label="Search">
+        <input class="form-control form-control-dark w-100 bg-warning border-0" placeholder="Search" aria-label="Search">
     </div>
 
     <div class="album py-5">
@@ -269,9 +269,11 @@
 <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
       <script>window.jQuery || document.write('<script src="/docs/4.5/assets/js/vendor/jquery.slim.min.js"><\/script>')</script><script src="/docs/4.5/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script></body>
 
-<footer class="text-muted">
+<footer class="page-footer">
     <div class="container">
-        <p class="float-right">
+        <p class="float-left text-white"><a href="/Design2.html">Alternative layout</a>
+        </p>
+        <p class="float-right text-white">
             <a href="#">Back to top</a>
         </p>
     </div>
diff --git a/src/assets/pages/styles/ResourcesLandingPage.scss b/src/assets/pages/styles/ResourcesLandingPage.scss
index 3b20635..4dcce24 100644
--- a/src/assets/pages/styles/ResourcesLandingPage.scss
+++ b/src/assets/pages/styles/ResourcesLandingPage.scss
@@ -10,6 +10,23 @@
   background-color: secondary;
 }
 
+
+.form-control {
+    color: #c2c2c2;
+}
+
+.form-control:focus {
+    color: #c2c2c2;
+}
+
+.form-control::-webkit-input-placeholder { color: #c2c2c2; }  /* WebKit, Blink, Edge */
+.form-control:-moz-placeholder { color: #c2c2c2; }  /* Mozilla Firefox 4 to 18 */
+.form-control::-moz-placeholder { color: #c2c2c2; }  /* Mozilla Firefox 19+ */
+.form-control:-ms-input-placeholder { color: #c2c2c2; }  /* Internet Explorer 10-11 */
+.form-control::-ms-input-placeholder { color: #c2c2c2; }  /* Microsoft Edge */
+
+
+
 .footer {
   padding-top: 3rem;
   padding-bottom: 3rem;
diff --git a/src/assets/pages/styles/theme.scss b/src/assets/pages/styles/theme.scss
index 3b40f3e..93192b0 100644
--- a/src/assets/pages/styles/theme.scss
+++ b/src/assets/pages/styles/theme.scss
@@ -3,7 +3,7 @@ $theme-colors: (
         "secondary": #211F37,
         "success": #A79D9D,
         "info": #1C1CDE,
-        "warning": #523E35
+        "warning": #303033
 );
 
 $enable-rounded: true !default;