Lower styled-component specificity

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Co-Authored-By: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Author: 3 people

src/app/components/Dropdown.tsx

@@ -124,7 +124,7 @@ const TabHiddenDropDown = styled(React.forwardRef<HTMLElement, TabHiddenProps>((
   </div>;
 }))`
   ${css`
-    & > *:not(${DropdownToggle}) {
+    & > :where(*:not(${DropdownToggle})) {
       ${fadeInAnimation}
       position: absolute;
       box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.1);

src/app/content/components/Topbar/Topbar.css

@@ -248,8 +248,8 @@
 .topbar-text-resizer-menu {
   color: var(--text-resizer-color, #5e6062);
   background: #fff;
-  left: auto !important;
-  right: 0 !important;
+  left: auto;
+  right: 0;
   top: calc(100% - 1px);
   text-align: left;
   font-weight: bold;