ui: fix ui crash

frontend/app/components/Session_/Player/Controls/Timeline.tsx

@@ -4,11 +4,6 @@ import { PlayerContext } from 'App/components/Session/playerContext';
 import { observer } from 'mobx-react-lite';
 import { useStore } from 'App/mstore';
 import { DateTime, Duration } from 'luxon';
-import TimelineTracker from 'Components/Session_/Player/Controls/TimelineTracker';
-import {
-  ZoomDragLayer,
-  HighlightDragLayer,
-} from 'Components/Session_/Player/Controls/components/ZoomDragLayer';
 import { WebEventsList, MobEventsList } from './EventsList';
 import NotesList from './NotesList';
 import SkipIntervalsList from './SkipIntervalsList';
@@ -18,6 +13,9 @@ import {
   HighlightDragLayer,
   ExportEventsSelection
 } from "Components/Session_/Player/Controls/components/ZoomDragLayer";
+import stl from './timeline.module.css'
+import TooltipContainer from './components/TooltipContainer';
+import CustomDragLayer, { OnDragCallback } from './components/CustomDragLayer';
 
 function Timeline({ isMobile }: { isMobile: boolean }) {
   const { player, store } = useContext(PlayerContext);

frontend/app/components/shared/SessionItem/MetaMoreButton/MetaMoreButton.tsx

@@ -26,8 +26,9 @@ export default function MetaMoreButton(props: Props) {
       placement="bottom"
     >
       <div className="flex items-center">
-        <Button variant="text">
+        <Button size={'small'} variant="text">
           +{list.length - maxLength}
+          {' '}
           {t('More')}
         </Button>
       </div>