diff --git a/frontend/javascripts/admin/task/task_create_form_view.tsx b/frontend/javascripts/admin/task/task_create_form_view.tsx
index 340600fc96..f759288745 100644
--- a/frontend/javascripts/admin/task/task_create_form_view.tsx
+++ b/frontend/javascripts/admin/task/task_create_form_view.tsx
@@ -167,7 +167,7 @@ export function handleTaskCreationResponse(
         <Alert
           showIcon
           type="warning"
-          message="There were warnings during task creation"
+          title="There were warnings during task creation"
           description={warnings.join("\n")}
         />
       </div>
diff --git a/frontend/javascripts/dashboard/dashboard_task_list_view.tsx b/frontend/javascripts/dashboard/dashboard_task_list_view.tsx
index 342e837ee9..70a8507da5 100644
--- a/frontend/javascripts/dashboard/dashboard_task_list_view.tsx
+++ b/frontend/javascripts/dashboard/dashboard_task_list_view.tsx
@@ -508,11 +508,7 @@ class DashboardTaskListView extends React.PureComponent<Props, State> {
           toggleShowFinished={this.toggleShowFinished}
           getFinishVerb={this.getFinishVerb}
         />
-        {this.state.showFinishedTasks ? (
-          <h3 id="tasksHeadline" className="TestTasksHeadline">
-            My Finished Tasks
-          </h3>
-        ) : null}
+        {this.state.showFinishedTasks ? <h3>My Finished Tasks</h3> : null}
         {this.renderTaskList()}
         <div
           style={{
diff --git a/frontend/javascripts/dashboard/dataset_view.tsx b/frontend/javascripts/dashboard/dataset_view.tsx
index 85fdcdd4d0..4bee7812ce 100644
--- a/frontend/javascripts/dashboard/dataset_view.tsx
+++ b/frontend/javascripts/dashboard/dataset_view.tsx
@@ -320,6 +320,7 @@ export function DatasetRefreshButton({ context }: { context: DatasetCollectionCo
       </FastTooltip>
       <Dropdown
         menu={{ onClick: () => context.checkDatasets(organizationId), items: refreshMenuItems }}
+        trigger={["click", "hover"]}
       >
         <Button disabled={context.isChecking}>
           <EllipsisOutlined />
diff --git a/frontend/javascripts/dashboard/explorative_annotations_view.tsx b/frontend/javascripts/dashboard/explorative_annotations_view.tsx
index c213613bff..6177a609e4 100644
--- a/frontend/javascripts/dashboard/explorative_annotations_view.tsx
+++ b/frontend/javascripts/dashboard/explorative_annotations_view.tsx
@@ -27,6 +27,7 @@ import type { ColumnType } from "antd/lib/table/interface";
 import { AsyncLink } from "components/async_clickables";
 import FormattedDate from "components/formatted_date";
 import FormattedId from "components/formatted_id";
+import LinkButton from "components/link_button";
 import TextWithDescription from "components/text_with_description";
 import update from "immutability-helper";
 import { handleGenericError } from "libs/error_handling";
@@ -87,7 +88,7 @@ const persistence = new Persistence<PartialState>(
 );
 
 const READ_ONLY_ICON = (
-  <span className="fa-stack fa-1x">
+  <span className="fa-stack fa-1x" style={{ width: "1em" }}>
     <i className="fas fa-pen fa-stack-1x" />
     <i className="fas fa-slash fa-stack-1x" />
   </span>
@@ -613,7 +614,6 @@ class ExplorativeAnnotationsView extends React.PureComponent<Props, State> {
       return this.getEmptyListPlaceholder();
     }
 
-    const disabledColor = { color: "var(--ant-color-text-disabled)" };
     const columns: ColumnType<APIAnnotationInfo>[] = [
       {
         title: "ID",
@@ -624,12 +624,14 @@ class ExplorativeAnnotationsView extends React.PureComponent<Props, State> {
             <FormattedId id={annotation.id} />
 
             {!this.isAnnotationEditable(annotation) ? (
-              <div style={disabledColor}>{READ_ONLY_ICON} read-only</div>
+              <LinkButton disabled icon={READ_ONLY_ICON}>
+                read-only
+              </LinkButton>
             ) : null}
             {annotation.isLockedByOwner ? (
-              <div style={disabledColor}>
-                <LockOutlined style={{ marginLeft: 8, marginRight: 8 }} /> locked
-              </div>
+              <LinkButton disabled icon={<LockOutlined />}>
+                locked
+              </LinkButton>
             ) : null}
           </>
         ),
diff --git a/frontend/javascripts/dashboard/publication_view.tsx b/frontend/javascripts/dashboard/publication_view.tsx
index a9f272900f..120fdcb671 100644
--- a/frontend/javascripts/dashboard/publication_view.tsx
+++ b/frontend/javascripts/dashboard/publication_view.tsx
@@ -1,16 +1,19 @@
 import { getPublications } from "admin/rest_api";
-import { Input, List, Spin } from "antd";
+import { Flex, Input, List, Spin } from "antd";
 import PublicationCard from "dashboard/publication_card";
 import { handleGenericError } from "libs/error_handling";
 import * as Utils from "libs/utils";
 import type React from "react";
 import { memo, useEffect, useState } from "react";
 import type { APIPublication } from "types/api_types";
+
 const { Search } = Input;
+
 export function PublicationViewWithHeader() {
   const [isLoading, setIsLoading] = useState(false);
-  const [publications, setPublications] = useState<Array<APIPublication>>([]);
+  const [publications, setPublications] = useState<APIPublication[]>([]);
   const [searchQuery, setSearchQuery] = useState("");
+
   useEffect(() => {
     (async () => {
       try {
@@ -32,28 +35,19 @@ export function PublicationViewWithHeader() {
     <Search
       style={{
         width: 200,
-        float: "right",
       }}
-      placeholder="Search Publication"
+      placeholder="Search Publications"
       onChange={handleSearch}
       value={searchQuery}
     />
   );
   return (
     <div>
-      <div className="pull-right">{publications.length > 0 && search}</div>
-      <div
-        className="clearfix"
-        style={{
-          margin: "20px 0px",
-        }}
-      />
+      <Flex justify="flex-end">{publications.length > 0 && search}</Flex>
       <Spin size="large" spinning={isLoading}>
         <div
           style={{
             minHeight: "100px",
-            paddingLeft: 10,
-            paddingRight: 10,
           }}
         >
           <PublicationView publications={publications} searchQuery={searchQuery} />
diff --git a/frontend/javascripts/navbar.tsx b/frontend/javascripts/navbar.tsx
index aa6c5fc58e..747dbe470d 100644
--- a/frontend/javascripts/navbar.tsx
+++ b/frontend/javascripts/navbar.tsx
@@ -13,6 +13,7 @@ import {
   Badge,
   Button,
   ConfigProvider,
+  Flex,
   Input,
   type InputRef,
   Layout,
@@ -131,16 +132,10 @@ function UserInitials({
   isMultiMember: boolean;
 }) {
   const { firstName, lastName } = activeUser;
-
   const initialOf = (str: string) => str.slice(0, 1).toUpperCase();
 
   return (
-    <div
-      style={{
-        position: "relative",
-        display: "flex",
-      }}
-    >
+    <div>
       <Avatar
         className="hover-effect-via-opacity"
         style={{
@@ -315,13 +310,12 @@ function getTimeTrackingMenu(collapse: boolean): MenuItemType {
     key: "timeStatisticMenu",
 
     label: (
-      <Link
-        to="/timetracking"
-        style={{
-          fontWeight: 400,
-        }}
-      >
-        {getCollapsibleMenuTitle("Time Tracking", <BarChartOutlined />, collapse)}
+      <Link to="/timetracking">
+        {getCollapsibleMenuTitle(
+          "Time Tracking",
+          <BarChartOutlined className="icon-margin-right" />,
+          collapse,
+        )}
       </Link>
     ),
   };
@@ -490,9 +484,6 @@ function NotificationIcon({
   return (
     <div
       style={{
-        position: "relative",
-        display: "flex",
-        marginRight: 12,
         paddingTop: navbarHeight > constants.DEFAULT_NAVBAR_HEIGHT ? constants.BANNER_HEIGHT : 0,
       }}
     >
@@ -700,7 +691,6 @@ function AnonymousAvatar() {
         className="hover-effect-via-opacity"
         icon={<UserOutlined />}
         style={{
-          marginLeft: 8,
           marginTop: bannerHeight,
         }}
       />
@@ -724,7 +714,7 @@ function AnnotationLockedByUserTag({
   if (blockedByUser == null) {
     content = (
       <Tooltip title={messages["annotation.acquiringMutexFailed.noUser"]}>
-        <Tag color="warning" className="flex-center-child" variant="outlined">
+        <Tag color="warning" variant="outlined">
           Locked by unknown user.
         </Tag>
       </Tooltip>
@@ -732,7 +722,7 @@ function AnnotationLockedByUserTag({
   } else if (blockedByUser.id === activeUser.id) {
     content = (
       <Tooltip title={messages["annotation.acquiringMutexSucceeded"]}>
-        <Tag color="success" className="flex-center-child" variant="outlined">
+        <Tag color="success" variant="outlined">
           Locked by you. Reload to edit.
         </Tag>
       </Tooltip>
@@ -745,17 +735,13 @@ function AnnotationLockedByUserTag({
           userName: blockingUserName,
         })}
       >
-        <Tag color="warning" className="flex-center-child" variant="outlined">
+        <Tag color="warning" variant="outlined">
           Locked by {blockingUserName}
         </Tag>
       </Tooltip>
     );
   }
-  return (
-    <span style={{ display: "flex", justifyContent: "center", alignItems: "center" }}>
-      {content}
-    </span>
-  );
+  return content;
 }
 
 function AnnotationLockedByOwnerTag(props: { annotationOwnerName: string; isOwner: boolean }) {
@@ -764,9 +750,10 @@ function AnnotationLockedByOwnerTag(props: { annotationOwnerName: string; isOwne
     : "";
   const tooltipMessage =
     messages["tracing.read_only_mode_notification"](true, props.isOwner) + unlockHintForOwners;
+
   return (
     <Tooltip title={tooltipMessage}>
-      <Tag color="warning" className="flex-center-child" variant="outlined">
+      <Tag color="warning" variant="outlined">
         Locked by {props.annotationOwnerName}
       </Tag>
     </Tooltip>
@@ -828,11 +815,18 @@ function Navbar({ isAuthenticated }: { isAuthenticated: boolean }) {
         <Link
           to="/dashboard"
           style={{
-            fontWeight: 400,
             verticalAlign: "middle",
           }}
         >
-          {getCollapsibleMenuTitle("WEBKNOSSOS", <span className="logo" />, collapseAllNavItems)}
+          {getCollapsibleMenuTitle(
+            "WEBKNOSSOS",
+            <img
+              src="/assets/images/logo-icon-only.svg"
+              className="logo icon-margin-right"
+              alt="logo"
+            />,
+            collapseAllNavItems,
+          )}
         </Link>
       ),
     },
@@ -954,15 +948,9 @@ function Navbar({ isAuthenticated }: { isAuthenticated: boolean }) {
         }}
       />
       <ConfigProvider theme={getAntdTheme("dark")}>
-        <div
-          style={{
-            display: "flex",
-            justifyContent: "flex-end",
-            marginRight: 12,
-          }}
-        >
+        <Flex align="center" justify="flex-end" gap="small">
           {trailingNavItems}
-        </div>
+        </Flex>
       </ConfigProvider>
     </Header>
   );
diff --git a/frontend/javascripts/viewer/view/action_bar_view.tsx b/frontend/javascripts/viewer/view/action_bar_view.tsx
index fcc34c45f8..7eb6fc4364 100644
--- a/frontend/javascripts/viewer/view/action_bar_view.tsx
+++ b/frontend/javascripts/viewer/view/action_bar_view.tsx
@@ -327,6 +327,7 @@ class ActionBarView extends React.PureComponent<Props, State> {
             items: menuItems,
           }}
           disabled={disabled}
+          trigger={["click", "hover"]}
         >
           <Button disabled={disabled} icon={<ExperimentOutlined />} title={tooltipText}>
             AI Analysis
diff --git a/frontend/javascripts/viewer/view/ai_jobs/ai_jobs_drawer.tsx b/frontend/javascripts/viewer/view/ai_jobs/ai_jobs_drawer.tsx
index 7f4ba6ab5c..e92ee104d7 100644
--- a/frontend/javascripts/viewer/view/ai_jobs/ai_jobs_drawer.tsx
+++ b/frontend/javascripts/viewer/view/ai_jobs/ai_jobs_drawer.tsx
@@ -55,10 +55,10 @@ export const AiJobsDrawer = ({ isOpen }: { isOpen: boolean }) => {
     <Drawer
       title="Run a WEBKNOSSOS AI Job"
       placement="right"
-      width={1200}
+      size={1200}
       open={isOpen}
       onClose={handleClose}
-      destroyOnClose={true}
+      destroyOnHidden
     >
       <Tabs activeKey={activeKey} items={items} onChange={handleChange} />
     </Drawer>
diff --git a/frontend/stylesheets/main.less b/frontend/stylesheets/main.less
index 29e09ff731..0a410fad68 100644
--- a/frontend/stylesheets/main.less
+++ b/frontend/stylesheets/main.less
@@ -60,12 +60,9 @@ body {
 
 .ant-layout-header {
   .logo {
-    background: url(/assets/images/logo-icon-only.svg) 15px center no-repeat;
-    padding-left: 46px;
-    height: 48px;
-    float: left;
-    margin-top: 1px;
-    background-size: 24px 24px;
+    width: 30px;
+    height: 30px;
+    margin-top: -2px;
   }
 
   .ant-menu-item .logo {
@@ -733,4 +730,4 @@ button.narrow {
   .ant-notification-notice-btn {
     margin-top: 0 !important;
   }
-}
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index 8a49c02046..50aecceeba 100644
--- a/package.json
+++ b/package.json
@@ -136,7 +136,7 @@
     "@tanstack/react-query-persist-client": "^5.83.0",
     "@zip.js/zip.js": "^2.7.32",
     "ansi-to-react": "^6.1.6",
-    "antd": "^6.1.0",
+    "antd": "^6.1.1",
     "ball-morphology": "^0.1.0",
     "base64-js": "^1.2.1",
     "beautiful-react-hooks": "^3.11.1",
diff --git a/yarn.lock b/yarn.lock
index ab888cfdab..febf66216c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2075,23 +2075,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rc-component/form@npm:~1.4.0":
-  version: 1.4.0
-  resolution: "@rc-component/form@npm:1.4.0"
+"@rc-component/form@npm:~1.5.0":
+  version: 1.5.0
+  resolution: "@rc-component/form@npm:1.5.0"
   dependencies:
     "@rc-component/async-validator": "npm:^5.0.3"
-    "@rc-component/util": "npm:^1.3.0"
+    "@rc-component/util": "npm:^1.5.0"
     clsx: "npm:^2.1.1"
   peerDependencies:
     react: ">=16.9.0"
     react-dom: ">=16.9.0"
-  checksum: 10c0/8771b13ecac0f4eefc290746e62b441da8a54abdb9dde4f5b46fec8f82943524d3cbd42a0680d58eb61d84fd5df95be35078763c3154c20520e6b1c1745a8a99
+  checksum: 10c0/a4f161749eee08cbb919846285b18faee80a72c67f769680e25931210227cef0e19efba50ae53ededd0605977bd0a35bfed64570c2c6aa73dd7eb9e0a4d339d8
   languageName: node
   linkType: hard
 
-"@rc-component/image@npm:~1.5.2":
-  version: 1.5.2
-  resolution: "@rc-component/image@npm:1.5.2"
+"@rc-component/image@npm:~1.5.3":
+  version: 1.5.3
+  resolution: "@rc-component/image@npm:1.5.3"
   dependencies:
     "@rc-component/motion": "npm:^1.0.0"
     "@rc-component/portal": "npm:^2.0.0"
@@ -2100,7 +2100,7 @@ __metadata:
   peerDependencies:
     react: ">=16.9.0"
     react-dom: ">=16.9.0"
-  checksum: 10c0/a12c43bafe0800e8b01774f58d133337e46b9e018ea01aabaf2e1b1f484a33db8d8dcb7c108a4e2d17ae84f828e24e76e8193fe52fd59445728af324881b7ae6
+  checksum: 10c0/c26a21cb5bf73f964e0c5e9843f58d4c6f4a786ddf25fe17e78619b9021fb46e65850e58bd9a22a79832dd8e68ab0dbfbe00f940251dfd730760c2d239ce21e1
   languageName: node
   linkType: hard
 
@@ -2253,9 +2253,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rc-component/picker@npm:~1.8.0":
-  version: 1.8.0
-  resolution: "@rc-component/picker@npm:1.8.0"
+"@rc-component/picker@npm:~1.9.0":
+  version: 1.9.0
+  resolution: "@rc-component/picker@npm:1.9.0"
   dependencies:
     "@rc-component/overflow": "npm:^1.0.0"
     "@rc-component/resize-observer": "npm:^1.0.0"
@@ -2278,7 +2278,7 @@ __metadata:
       optional: true
     moment:
       optional: true
-  checksum: 10c0/7e7acc0dc9dcd1b93f9b16165a4f22fa164e8babda6076a2210d6e31cdbdbb40e5fdfdf66a4c4b3f2bb8337429bf8e2945648ab0aa099fcb40f8085e6d4ec4f2
+  checksum: 10c0/2f2f5bbe3b55db8d0153a0c04e7a83ded13f866f491179d2a0ffe13550aa4029157f2aeb7011bb30a989f162860ca1360813b55865f4e82da3583ec1c5e06e76
   languageName: node
   linkType: hard
 
@@ -2360,7 +2360,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rc-component/select@npm:~1.3.0, @rc-component/select@npm:~1.3.2":
+"@rc-component/select@npm:~1.3.0":
   version: 1.3.4
   resolution: "@rc-component/select@npm:1.3.4"
   dependencies:
@@ -2376,6 +2376,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rc-component/select@npm:~1.3.5":
+  version: 1.3.6
+  resolution: "@rc-component/select@npm:1.3.6"
+  dependencies:
+    "@rc-component/overflow": "npm:^1.0.0"
+    "@rc-component/trigger": "npm:^3.0.0"
+    "@rc-component/util": "npm:^1.3.0"
+    "@rc-component/virtual-list": "npm:^1.0.1"
+    clsx: "npm:^2.1.1"
+  peerDependencies:
+    react: "*"
+    react-dom: "*"
+  checksum: 10c0/c07102b23e05e8c2d9b53f0a4fd22c4d8395518763579ec2b128d40beed95807e32074a00cf02bd3f18680b55f4ed2cab348845e9191172e04da2e23d26f0cef
+  languageName: node
+  linkType: hard
+
 "@rc-component/slider@npm:~1.0.1":
   version: 1.0.1
   resolution: "@rc-component/slider@npm:1.0.1"
@@ -2564,6 +2580,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rc-component/util@npm:^1.5.0, @rc-component/util@npm:^1.6.0":
+  version: 1.6.0
+  resolution: "@rc-component/util@npm:1.6.0"
+  dependencies:
+    is-mobile: "npm:^5.0.0"
+    react-is: "npm:^18.2.0"
+  peerDependencies:
+    react: ">=18.0.0"
+    react-dom: ">=18.0.0"
+  checksum: 10c0/d1ad7158abc4c38456192f6c236bcfc09c1563fe2a65497cee6816035bb917b373124d16e720d8c91d959366fd06897a7361b313a1610345d0f7286aac38e356
+  languageName: node
+  linkType: hard
+
 "@rc-component/virtual-list@npm:^1.0.1":
   version: 1.0.2
   resolution: "@rc-component/virtual-list@npm:1.0.2"
@@ -4537,9 +4566,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"antd@npm:^6.1.0":
-  version: 6.1.0
-  resolution: "antd@npm:6.1.0"
+"antd@npm:^6.1.1":
+  version: 6.1.1
+  resolution: "antd@npm:6.1.1"
   dependencies:
     "@ant-design/colors": "npm:^8.0.0"
     "@ant-design/cssinjs": "npm:^2.0.1"
@@ -4555,8 +4584,8 @@ __metadata:
     "@rc-component/dialog": "npm:~1.5.1"
     "@rc-component/drawer": "npm:~1.3.0"
     "@rc-component/dropdown": "npm:~1.0.2"
-    "@rc-component/form": "npm:~1.4.0"
-    "@rc-component/image": "npm:~1.5.2"
+    "@rc-component/form": "npm:~1.5.0"
+    "@rc-component/image": "npm:~1.5.3"
     "@rc-component/input": "npm:~1.1.2"
     "@rc-component/input-number": "npm:~1.6.2"
     "@rc-component/mentions": "npm:~1.6.0"
@@ -4565,13 +4594,13 @@ __metadata:
     "@rc-component/mutate-observer": "npm:^2.0.1"
     "@rc-component/notification": "npm:~1.2.0"
     "@rc-component/pagination": "npm:~1.2.0"
-    "@rc-component/picker": "npm:~1.8.0"
+    "@rc-component/picker": "npm:~1.9.0"
     "@rc-component/progress": "npm:~1.0.2"
     "@rc-component/qrcode": "npm:~1.1.1"
     "@rc-component/rate": "npm:~1.0.1"
     "@rc-component/resize-observer": "npm:^1.0.1"
     "@rc-component/segmented": "npm:~1.2.3"
-    "@rc-component/select": "npm:~1.3.2"
+    "@rc-component/select": "npm:~1.3.5"
     "@rc-component/slider": "npm:~1.0.1"
     "@rc-component/steps": "npm:~1.2.2"
     "@rc-component/switch": "npm:~1.0.3"
@@ -4584,7 +4613,7 @@ __metadata:
     "@rc-component/tree-select": "npm:~1.4.0"
     "@rc-component/trigger": "npm:^3.7.1"
     "@rc-component/upload": "npm:~1.1.0"
-    "@rc-component/util": "npm:^1.4.0"
+    "@rc-component/util": "npm:^1.6.0"
     clsx: "npm:^2.1.1"
     dayjs: "npm:^1.11.11"
     scroll-into-view-if-needed: "npm:^3.1.0"
@@ -4592,7 +4621,7 @@ __metadata:
   peerDependencies:
     react: ">=18.0.0"
     react-dom: ">=18.0.0"
-  checksum: 10c0/13caedeb5e70db5f56ed33b73f84e9890296bce2245af8005e5d2499b2369d0ab4f30ae282add2a97ff68808410bdef145203642483ce39328cbe79354a36ed0
+  checksum: 10c0/ae4c9768aa587fe15d590d1a8b202755a83dfed1784ce25c79accbe1443b95c3f66c4f314c48b8891ba4a83407c62b236b3650891210cdde8a3f44d73d409a93
   languageName: node
   linkType: hard
 
@@ -14770,7 +14799,7 @@ __metadata:
     "@zip.js/zip.js": "npm:^2.7.32"
     abort-controller: "npm:^3.0.0"
     ansi-to-react: "npm:^6.1.6"
-    antd: "npm:^6.1.0"
+    antd: "npm:^6.1.1"
     ball-morphology: "npm:^0.1.0"
     base64-js: "npm:^1.2.1"
     beautiful-react-hooks: "npm:^3.11.1"