diff --git a/src/site/_includes/components/graphScript.njk b/src/site/_includes/components/graphScript.njk
index cb20e7d..33072a3 100644
--- a/src/site/_includes/components/graphScript.njk
+++ b/src/site/_includes/components/graphScript.njk
@@ -57,7 +57,7 @@
         const highlightNodes = new Set();
         let hoverNode = null;
         const color = getCssVar("--text-accent");
-        const mutedColor = getCssVar("--text-faint");
+        const mutedColor = getCssVar("--text-muted");
 
         let Graph = ForceGraph()
         (el)
diff --git a/src/site/_includes/components/searchScript.njk b/src/site/_includes/components/searchScript.njk
index ecadf2a..6b70d32 100644
--- a/src/site/_includes/components/searchScript.njk
+++ b/src/site/_includes/components/searchScript.njk
@@ -227,4 +227,4 @@
         resultsHTML += '</div>';
         resultsDiv.innerHTML = resultsHTML;
     }
-</script>
\ No newline at end of file
+</script>
diff --git a/src/site/styles/digital-garden-base.scss b/src/site/styles/digital-garden-base.scss
index c0e3def..c931009 100644
--- a/src/site/styles/digital-garden-base.scss
+++ b/src/site/styles/digital-garden-base.scss
@@ -69,6 +69,10 @@ ul.task-list {
             width: 320px;
             height: 320px;
         }
+
+        #graph-fs-btn {
+            margin-right: 10px;
+        }
     }
     .graph-fs {
         position: fixed;
@@ -82,12 +86,19 @@ ul.task-list {
         z-index: 9999;
         display: block;
         background-color: var(--background-secondary);
+        border: 1px solid var(--text-accent);
+        border-radius: 5px;
+        padding-top: 5px;
 
         #link-graph {
             width: 100%;
             height: 100%;
         }
 
+        #graph-controls{
+            margin-top: 10px;
+        }
+
         .graph-title {
             display: none;
         }
@@ -203,7 +214,7 @@ ul.task-list {
     .graph-title-container {
         display: flex;
         justify-content: flex-end;
-        width: 320px;
+        width: 100%;
     }
 
     .graph-title {
@@ -566,6 +577,8 @@ ul.task-list {
     z-index: 9999;
     display: none;
     background-color: var(--background-secondary);
+    border: 1px solid var(--text-accent);
+    border-radius: 5px;
 
     #full-graph-container {
         width: 100%;
@@ -605,6 +618,7 @@ ul.task-list {
 
     i {
         cursor: pointer;
+        padding-right: 10px;
     }
 
     .depth-control {
@@ -631,8 +645,8 @@ ul.task-list {
         #depth-display {
             background-color: var(--text-accent);
             color: white;
-            width: 1rem;
-            height: 1rem;
+            width: 1.3rem;
+            height: 1.3rem;
             font-size: 0.8rem;
             display: flex;
             justify-content: center;