Fix issues with item tree row drag image

* Attachment icon being cut off due to box-sizing issue
* Twisty icon incorrect using color
* Dragged image being slightly wider than the item in the tree

scss/components/_item-tree.scss

@@ -2,7 +2,7 @@
 
 #zotero-items-tree {
 
-	.virtualized-table-body {
+	.virtualized-table-body, .drag-image-container {
 		padding: 4px 8px;
 	}
 
@@ -53,7 +53,7 @@
 		}
 	}
 	
-	.virtualized-table {
+	.virtualized-table, .drag-image-container {
 		.row {
 			&.odd:not(.selected) {
 				background-color: var(--material-background);

scss/components/_virtualized-table.scss

@@ -175,14 +175,6 @@
 				box-sizing: border-box;
 				background: url("chrome://zotero/skin/8/universal/chevron-8.svg") content-box no-repeat;
 				-moz-context-properties: fill, fill-opacity;
-
-				@include focus-states using ($color) {
-					@if $color == "white" {
-						fill: var(--accent-white);
-					} @else {
-						fill: var(--fill-secondary);
-					}
-				}
 			}
 		}
 	}
@@ -345,3 +337,27 @@
 		transform: rotate(90deg);
 	}
 }
+
+.virtualized-table {
+	.row .twisty.icon-css {
+		@include focus-states using ($color) {
+			@if $color =="white" {
+				fill: var(--accent-white);
+			}
+
+			@else {
+				fill: var(--fill-secondary);
+			}
+		}
+	}
+}
+
+.drag-image-container {
+	box-sizing: border-box;
+
+	.row .twisty.icon-css {
+		@include focus-states('.row.selected', '.drag-image-container:focus-within') using ($color) {
+			fill: var(--fill-secondary);
+		}
+	}
+}