2 files changed, 18 insertions, 10 deletions
diff --git a/styles/editor.css b/styles/editor.css
index 9f1f8e5..1a1a91f 100644
--- a/styles/editor.css
+++ b/styles/editor.css
@@ -50,7 +50,7 @@
 	color: var(--gruble);
 }
 
-.appGrid .tools .MuiButtonGroup-root,
+.appGrid .tools .MuiToggleButtonGroup-root,
 .appGrid .tools .zoom {
 	margin-top: 8px;
 }
@@ -68,7 +68,7 @@
 	color: var(--gruble);
 }
 
-.appGrid .tools .MuiButtonGroup-root .MuiButton-root {
+.appGrid .tools .MuiToggleButtonGroup-root .MuiToggleButton-root {
 	border-width: 2px;
 	padding: 8px;
 	color: var(--c800);
@@ -76,15 +76,22 @@
 	margin-right: -1px;
 }
 
-.appGrid .tools .MuiButtonGroup-root .MuiButton-root:first-child {
+.appGrid .tools .MuiToggleButtonGroup-root .MuiToggleButton-root.Mui-selected {
+	color: var(--gruble);
+	background-color: rgba(93, 233, 174, 0.12);
+	border-top-color: #334A5A;
+	border-bottom-color: #334A5A;
+}
+
+.appGrid .tools .MuiToggleButtonGroup-root .MuiToggleButton-root:first-child {
 	border-radius: 6px 0 0 6px;
 }
 
-.appGrid .tools .MuiButtonGroup-root .MuiButton-root:last-child {
+.appGrid .tools .MuiToggleButtonGroup-root .MuiToggleButton-root:last-child {
 	border-radius: 0 6px 6px 0;
 }
 
-.appGrid .tools .MuiButtonGroup-root .MuiButton-root .loopStartEnd {
+.appGrid .tools .MuiToggleButtonGroup-root .MuiToggleButton-root .loopStartEnd {
 	display: inline-block;
 	white-space: nowrap;
 	line-height: 0;
@@ -93,8 +100,8 @@
 	width: 36px;
 }
 
-.appGrid .tools .MuiButtonGroup-root .MuiButton-root .loopStartEnd .start { left: -3px; }
-.appGrid .tools .MuiButtonGroup-root .MuiButton-root .loopStartEnd .end { right: -3px; }
+.appGrid .tools .MuiToggleButtonGroup-root .MuiToggleButton-root .loopStartEnd .start { left: -3px; }
+.appGrid .tools .MuiToggleButtonGroup-root .MuiToggleButton-root .loopStartEnd .end { right: -3px; }
 
 .appGrid .timeline {
 	grid-column: 2;
diff --git a/styles/keyframes.css b/styles/keyframes.css
index c02698f..49c8e4e 100644
--- a/styles/keyframes.css
+++ b/styles/keyframes.css
@@ -7,9 +7,10 @@
 	height: 24px;
 }
 
-.appGrid .timeline .keyframes .frame .keyframeWrapper.current { color: var(--piss); }
-.appGrid .timeline .keyframes .frame .keyframeWrapper.current .loop .connector { background-color: var(--piss); }
-.appGrid .timeline .keyframes .frame .keyframeWrapper ,
+.appGrid .timeline .keyframes .frame.current .keyframeWrapper { color: var(--piss); }
+.appGrid .timeline .keyframes .frame.current .keyframeWrapper .loop .connector { background-color: var(--piss); }
+
+.appGrid .timeline .keyframes .frame .keyframeWrapper,
 .appGrid .timeline .keyframes .frame .keyframeWrapper .loop .connector {
 	transition-property: color, background-color;
 	transition-duration: .2s;