diff --git a/src/webviews/apps/commitDetails/commitDetails.scss b/src/webviews/apps/commitDetails/commitDetails.scss
index 83b6a16..df646ac 100644
--- a/src/webviews/apps/commitDetails/commitDetails.scss
+++ b/src/webviews/apps/commitDetails/commitDetails.scss
@@ -48,6 +48,43 @@ ul {
 	background-color: transparent !important;
 }
 
+::-webkit-scrollbar-thumb {
+	background-color: transparent;
+	border-color: inherit;
+	border-right-style: inset;
+	border-right-width: calc(100vw + 100vh);
+	border-radius: unset !important;
+
+	&:hover {
+		border-color: var(--vscode-scrollbarSlider-hoverBackground);
+	}
+
+	&:active {
+		border-color: var(--vscode-scrollbarSlider-activeBackground);
+	}
+}
+
+.commit-detail-panel {
+	border-color: transparent;
+	transition: border-color 1s linear;
+
+	.commit-details__message-text {
+		border-color: transparent;
+		transition: border-color 1s linear;
+	}
+
+	&:hover,
+	&:focus-within {
+		transition: border-color 0.1s linear;
+		border-color: var(--vscode-scrollbarSlider-background);
+
+		.commit-details__message-text {
+			transition: border-color 0.1s linear;
+			border-color: var(--vscode-scrollbarSlider-background);
+		}
+	}
+}
+
 .button {
 	--button-foreground: var(--vscode-button-foreground);
 	--button-background: var(--vscode-button-background);
diff --git a/src/webviews/apps/plus/graph/graph.scss b/src/webviews/apps/plus/graph/graph.scss
index 740fc1b..9df4630 100644
--- a/src/webviews/apps/plus/graph/graph.scss
+++ b/src/webviews/apps/plus/graph/graph.scss
@@ -561,17 +561,40 @@ a {
 	}
 }
 
+::-webkit-scrollbar-corner {
+	background-color: transparent !important;
+}
+
 ::-webkit-scrollbar-thumb {
-	background-color: var(--vscode-scrollbarSlider-background);
-	border: unset !important;
+	background-color: transparent;
+	border-color: inherit;
+	border-right-style: inset;
+	border-right-width: calc(100vw + 100vh);
 	border-radius: unset !important;
 
 	&:hover {
-		background-color: var(--vscode-scrollbarSlider-hoverBackground);
+		border-color: var(--vscode-scrollbarSlider-hoverBackground);
 	}
 
 	&:active {
-		background-color: var(--vscode-scrollbarSlider-activeBackground);
+		border-color: var(--vscode-scrollbarSlider-activeBackground);
+	}
+}
+
+.graph-app__main {
+	.vertical_scrollbar,
+	.horizontal_scrollbar {
+		border-color: transparent;
+		transition: border-color 1s linear;
+	}
+
+	&:hover,
+	&:focus-within {
+		.vertical_scrollbar,
+		.horizontal_scrollbar {
+			transition: border-color 0.1s linear;
+			border-color: var(--vscode-scrollbarSlider-background);
+		}
 	}
 }