diff --git a/src/components/SampleLayout.module.css b/src/components/SampleLayout.module.css
index 539be978..c5f8da35 100644
--- a/src/components/SampleLayout.module.css
+++ b/src/components/SampleLayout.module.css
@@ -21,6 +21,7 @@ nav.sourceFileNav li {
   display: inline-block;
   margin: 0;
   padding: 0;
+  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }
 
 nav.sourceFileNav li a {
@@ -31,10 +32,21 @@ nav.sourceFileNav li a {
   background-color: #403e3e;
 }
 
+nav.sourceFileNav li:hover {
+  height: 100%;
+  box-shadow: 0 -10px 0 0 rgb(167, 167, 167);
+  border-radius: 10px
+}
+
 nav.sourceFileNav li a[data-active=true] {
   background-color: #282823;
 }
 
+nav.sourceFileNav li:has(a[data-active=true]) {
+  box-shadow: 0 -10px 0 0 rgb(167, 167, 167);
+  border-radius: 10px;
+}
+
 .sourceFileContainer {
   overflow: hidden;
   height: 0;
diff --git a/src/sample/normalMap/main.ts b/src/sample/normalMap/main.ts
index 95b5914c..f54af4b6 100644
--- a/src/sample/normalMap/main.ts
+++ b/src/sample/normalMap/main.ts
@@ -369,7 +369,7 @@ const NormalMapping: () => JSX.Element = () =>
   makeSample({
     name: 'Normal Mapping',
     description:
-      "This example demonstrates multiple different methods that employ fragment shaders to achieve additional perceptual depth on a mesh's surface. Demonstrated methods include normal mapping, parallax mapping, and steep parallax mapping.",
+      'This example demonstrates multiple different methods that employ fragment shaders to achieve additional perceptual depth on the surface of a cube mesh. Demonstrated methods include normal mapping, parallax mapping, and steep parallax mapping.',
     gui: true,
     init,
     sources: [