🐛 Fix hover state on export button

frontend/src/app/main/ui/components/title_bar.scss

@@ -14,6 +14,7 @@
   width: 100%;
   min-height: $s-32;
   background-color: var(--title-background-color);
+  color: var(--title-foreground-color);
 }
 
 .title,
@@ -26,7 +27,7 @@
   grid-auto-flow: column;
   height: 100%;
   min-height: $s-32;
-  color: var(--title-foreground-color);
+
   overflow: hidden;
 }
 

frontend/src/app/main/ui/viewer/inspect/exports.scss

@@ -16,8 +16,10 @@
 }
 
 .title-spacing-export-viewer {
-  @extend .attr-title;
   margin: 0;
+  color: var(--entry-foreground-color-hover);
+  margin-inline-start: calc(-1 * $s-8);
+  width: calc(100% + $s-8);
 }
 
 .add-export {
@@ -26,6 +28,7 @@
   width: $s-28;
   svg {
     @extend .button-icon;
+    stroke: var(--icon-foreground);
   }
 }
 

frontend/src/app/main/ui/viewer/inspect/right_sidebar.scss

@@ -21,7 +21,7 @@
 }
 
 .viewer-code {
-  padding: 0 $s-8;
+  padding-inline-start: $s-8;
 }
 
 .tool-windows {