diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 80626594..61f7b7c5 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -8,9 +8,9 @@
 @import "_navbar_project.scss";
 @import "tax_project.scss";
 @import "search_project.scss";
-@import "videos.scss";
+@import "_videos_project.scss";
 @import "subscription.scss";
-@import "video-landing.scss";
+@import "_video-landing_project.scss";
 
 .navbar-dark {
   min-height: 5rem;
diff --git a/assets/scss/_variables_project.scss b/assets/scss/_variables_project.scss
index beada1a7..16a7e0bc 100644
--- a/assets/scss/_variables_project.scss
+++ b/assets/scss/_variables_project.scss
@@ -32,6 +32,11 @@ $body-bg: #010101;
 
 // Buttons
 $btn-line-height: 3rem;
+$btn-close-color: $white;
+// $btn-close-opacity: 1;
+// $btn-close-hover-opacity: .75;
+// $btn-close-focus-opacity: .5;
+
 
 // Lefthand sidebar with inter-page docs menu
 
diff --git a/assets/scss/video-landing.scss b/assets/scss/_video-landing_project.scss
similarity index 98%
rename from assets/scss/video-landing.scss
rename to assets/scss/_video-landing_project.scss
index 8e4e4598..4dd2f6e2 100644
--- a/assets/scss/video-landing.scss
+++ b/assets/scss/_video-landing_project.scss
@@ -63,6 +63,16 @@
     width: 90%;
     margin: 0 auto;
 }
+a#videoPageLink {
+    padding: 0rem;
+    color: $lightslategray;
+}
+a#videoPageLink:hover {
+    color: $casper;
+}
+a#videoPageLink:focus {
+    color: $white;
+}
 
 .hero-video-container {
     border-radius: 12px;
diff --git a/assets/scss/_videos.scss b/assets/scss/_videos_project.scss
similarity index 100%
rename from assets/scss/_videos.scss
rename to assets/scss/_videos_project.scss
diff --git a/layouts/partials/video-landing-page.html b/layouts/partials/video-landing-page.html
index ae83b33c..9e9172fc 100644
--- a/layouts/partials/video-landing-page.html
+++ b/layouts/partials/video-landing-page.html
@@ -160,9 +160,9 @@ <h3>{{ .Title }}</h3>
 
   <div class="modal fade" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg">
-      <div class="modal-content" style="padding: 20px 20px 0;background-color: #333;">
-        <div class="modal-header">
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" style="background-color: #00d3a9;"></button>
+      <div class="modal-content">
+        <div class="modal-header"><a href="" id="videoPageLink"><h4 id="videoModalTitle"></h4></a>
+          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" style="background-color: #00b39f;"></button>
         </div>
         <div class="modal-body p-0">
             <div class="ratio ratio-16x9">
@@ -175,7 +175,7 @@ <h3>{{ .Title }}</h3>
                 allowfullscreen>
               </iframe>
             </div>
-            <a href="" id="videoPageLink"><h4 id="videoModalTitle" style="padding: 1rem 0 2rem !important;"></h4></a>
+            
             </div>
           </div>