diff --git a/about.html b/about.html
index 64f21e2..aa6a9fb 100644
--- a/about.html
+++ b/about.html
@@ -46,8 +46,9 @@
             </div>
             <div id="nav-links-container">
                 <ul id="navList">
-                    <li><a class="navlink current" href="./about.html" title="about">About</a></li>
-                    <li><a class="navlink" href="./buy.html" title="buy">Buy</a></li>
+                    <li><a class="navlink" href="./" title="about">Gallery</a></li>
+                    <li><a class="navlink active" href="./about.html" title="about">About</a></li>
+                    <li><a class="navlink boxed" href="./buy.html" title="buy">Buy</a></li>
                 </ul>
             </div>
         </nav>
diff --git a/buy.html b/buy.html
index bda7d3b..c47efa2 100644
--- a/buy.html
+++ b/buy.html
@@ -44,8 +44,9 @@
             </div>
             <div id="nav-links-container">
                 <ul id="navList">
+                    <li><a class="navlink" href="./" title="about">Gallery</a></li>
                     <li><a class="navlink" href="./about.html" title="about">About</a></li>
-                    <li><a class="navlink current" href="./buy.html" title="buy">Buy</a></li>
+                    <li><a class="navlink boxed active" href="./buy.html" title="buy">Buy</a></li>
                 </ul>
             </div>
         </nav>
diff --git a/css/general.css b/css/general.css
index ec1c250..c7a8364 100644
--- a/css/general.css
+++ b/css/general.css
@@ -80,12 +80,17 @@ nav ul li {
 
 .navlink {
   color:rgb(160, 160, 160);
-  font-size: 18px;
+  font-size: 20px;
   text-decoration: none;
   position: relative;
 }
 
-.navlink.active,a:hover {
+.navlink.active {
+  font-weight: bold;
+  color: rgba(54, 54, 54, 0.774);
+}
+
+a:hover {
   color: rgba(54, 54, 54, 0.774);
   transition: .5s;
 }
@@ -116,6 +121,11 @@ nav ul li {
   display: inline-flex;
 }
 
+.boxed {
+  border: 1px solid rgb(118, 118, 118);
+  padding: 0 8px;
+}
+
 main {
   width: 100%;
   justify-content: center;
@@ -137,11 +147,11 @@ header {
 }
 
 .slide-content {
-  max-width: 800px;
+  max-width: fit-content;
 }
 
 .slide-img {
-  width: 100%;
+  max-height: 700px;
 }
 
 .slide-desc {
@@ -151,8 +161,8 @@ header {
   text-align: center;
 }
 
-.splide__pagination__page.is-active {
-  background: #2c2c2c !important;
+li .splide__pagination__page.is-active {
+  background: #2c2c2c;
 }
 
 .about-parent {
diff --git a/img/piece-2.jpg b/img/piece-2.jpg
new file mode 100644
index 0000000..4a6e0d2
Binary files /dev/null and b/img/piece-2.jpg differ
diff --git a/img/piece-3.jpg b/img/piece-3.jpg
new file mode 100644
index 0000000..faa51d9
Binary files /dev/null and b/img/piece-3.jpg differ
diff --git a/index.html b/index.html
index 91d2111..1e71865 100644
--- a/index.html
+++ b/index.html
@@ -47,8 +47,9 @@
             </div>
             <div id="nav-links-container">
                 <ul id="navList">
+                    <li><a class="navlink active" href="./" title="about">Gallery</a></li>
                     <li><a class="navlink" href="./about.html" title="about">About</a></li>
-                    <li><a class="navlink" href="./buy.html" title="buy">Buy</a></li>
+                    <li><a class="navlink boxed" href="./buy.html" title="buy">Buy</a></li>
                 </ul>
             </div>
         </nav>
@@ -60,8 +61,8 @@
             <div class="splide__track">
                   <ul class="splide__list">
                       <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/piece-1.jpg"><div class="slide-desc">Title</div></div></li>
-                      <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/piece-1.jpg"><div class="slide-desc">Title</div></div></li>
-                      <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/piece-1.jpg"><div class="slide-desc">Title</div></div></li>
+                      <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/piece-2.jpg"><div class="slide-desc">Title</div></div></li>
+                      <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/piece-3.jpg"><div class="slide-desc">Title</div></div></li>
                   </ul>
             </div>
           </section>