diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/index.tsx
index a6c1b1d1d..2d957deba 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/index.tsx
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/index.tsx
@@ -60,6 +60,7 @@ import { SpanNexusInsightCard } from "./insightCards/SpanNexusInsightCard";
 import { SpanQueryOptimizationInsightCard } from "./insightCards/SpanQueryOptimizationInsightCard";
 import { SpanScalingInsightCard } from "./insightCards/SpanScalingInsightCard";
 import { SpanUsagesInsightCard } from "./insightCards/SpanUsagesInsightCard";
+import { InsightCardViewMode } from "./insightCards/common/InsightCard/types";
 import * as s from "./styles";
 import {
   InsightsPageProps,
@@ -98,7 +99,8 @@ const renderInsightCard = (
   ) => void,
   isJiraHintEnabled: boolean,
   onRefresh: () => void,
-  isMarkAsReadButtonEnabled: boolean
+  isMarkAsReadButtonEnabled: boolean,
+  viewMode: InsightCardViewMode
 ): JSX.Element | undefined => {
   const handleHistogramButtonClick = (
     spanCodeObjectId: string,
@@ -187,6 +189,7 @@ const renderInsightCard = (
         onRefresh={onRefresh}
         onGoToSpan={handleGoToSpan}
         isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+        viewMode={viewMode}
       />
     );
   }
@@ -201,6 +204,7 @@ const renderInsightCard = (
         onRefresh={onRefresh}
         onGoToSpan={handleGoToSpan}
         isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+        viewMode={viewMode}
       />
     );
   }
@@ -216,6 +220,7 @@ const renderInsightCard = (
         onRefresh={onRefresh}
         onGoToSpan={handleGoToSpan}
         isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+        viewMode={viewMode}
       />
     );
   }
@@ -233,6 +238,7 @@ const renderInsightCard = (
         onGoToSpan={handleGoToSpan}
         onTraceButtonClick={handleTraceButtonClick}
         isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+        viewMode={viewMode}
       />
     );
   }
@@ -250,6 +256,7 @@ const renderInsightCard = (
         onGoToSpan={handleGoToSpan}
         onTraceButtonClick={handleTraceButtonClick}
         isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+        viewMode={viewMode}
       />
     );
   }
@@ -263,6 +270,7 @@ const renderInsightCard = (
         onRefresh={onRefresh}
         onGoToSpan={handleGoToSpan}
         isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+        viewMode={viewMode}
       />
     );
   }
@@ -280,6 +288,7 @@ const renderInsightCard = (
         onRefresh={onRefresh}
         onGoToSpan={handleGoToSpan}
         isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+        viewMode={viewMode}
       />
     );
   }
@@ -297,6 +306,7 @@ const renderInsightCard = (
         isJiraHintEnabled={isJiraHintEnabled}
         onGoToSpan={handleGoToSpan}
         isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+        viewMode={viewMode}
       />
     );
   }
@@ -314,6 +324,7 @@ const renderInsightCard = (
         isJiraHintEnabled={isJiraHintEnabled}
         onGoToSpan={handleGoToSpan}
         isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+        viewMode={viewMode}
       />
     );
   }
@@ -332,6 +343,7 @@ const renderInsightCard = (
         isJiraHintEnabled={isJiraHintEnabled}
         onGoToSpan={handleGoToSpan}
         isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+        viewMode={viewMode}
       />
     );
   }
@@ -346,6 +358,7 @@ const renderInsightCard = (
         onRefresh={onRefresh}
         onGoToSpan={handleGoToSpan}
         isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+        viewMode={viewMode}
       />
     );
   }
@@ -359,6 +372,7 @@ const renderInsightCard = (
         onRefresh={onRefresh}
         onGoToSpan={handleGoToSpan}
         isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+        viewMode={viewMode}
       />
     );
   }
@@ -374,6 +388,7 @@ const renderInsightCard = (
         onRefresh={onRefresh}
         onGoToSpan={handleGoToSpan}
         isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+        viewMode={viewMode}
       />
     );
   }
@@ -389,6 +404,7 @@ const renderInsightCard = (
         onRefresh={onRefresh}
         onGoToSpan={handleGoToSpan}
         isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+        viewMode={viewMode}
       />
     );
   }
@@ -405,6 +421,7 @@ const renderInsightCard = (
         isJiraHintEnabled={isJiraHintEnabled}
         onGoToSpan={handleGoToSpan}
         isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+        viewMode={viewMode}
       />
     );
   }
@@ -418,6 +435,7 @@ const renderInsightCard = (
         onRefresh={onRefresh}
         onGoToSpan={handleGoToSpan}
         isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+        viewMode={viewMode}
       />
     );
   }
@@ -435,6 +453,7 @@ const renderInsightCard = (
         isJiraHintEnabled={isJiraHintEnabled}
         onGoToSpan={handleGoToSpan}
         isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+        viewMode={viewMode}
       />
     );
   }
@@ -452,6 +471,7 @@ const renderInsightCard = (
         isJiraHintEnabled={isJiraHintEnabled}
         onGoToSpan={handleGoToSpan}
         isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+        viewMode={viewMode}
       />
     );
   }
@@ -477,6 +497,7 @@ export const InsightsPage = ({
     );
   const listRef = useRef<HTMLDivElement>(null);
   const { goTo } = useHistory();
+  const isAtSpan = Boolean(scope?.span);
 
   const insightIndexWithJiraHint = getInsightToShowJiraHint(insights);
 
@@ -538,7 +559,8 @@ export const InsightsPage = ({
               !isInsightJiraTicketHintShown?.value &&
               j === insightIndexWithJiraHint,
             onRefresh,
-            isMarkAsReadButtonEnabled
+            isMarkAsReadButtonEnabled,
+            isAtSpan ? "full" : "compact"
           );
         })
       ) : isFilteringEnabled ? (
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBottleneckInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBottleneckInsightCard/index.tsx
index c4a2a044e..3ba516663 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBottleneckInsightCard/index.tsx
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBottleneckInsightCard/index.tsx
@@ -1,4 +1,5 @@
 import { getDurationString } from "../../../../../../utils/getDurationString";
+import { Tooltip } from "../../../../../common/v3/Tooltip";
 import { InsightCard } from "../common/InsightCard";
 import { ColumnsContainer } from "../common/InsightCard/ColumnsContainer";
 import { KeyValue } from "../common/InsightCard/KeyValue";
@@ -14,7 +15,8 @@ export const EndpointBottleneckInsightCard = ({
   onRecalculate,
   onGoToSpan,
   onRefresh,
-  isMarkAsReadButtonEnabled
+  isMarkAsReadButtonEnabled,
+  viewMode
 }: EndpointBottleneckInsightCardProps) => {
   const { span, ticketLink } = insight;
 
@@ -41,6 +43,7 @@ export const EndpointBottleneckInsightCard = ({
 
   const spanName = span.spanInfo.displayName;
   const spanCodeObjectId = span.spanInfo.spanCodeObjectId;
+  const durationString = getDurationString(span.avgDurationWhenBeingBottleneck);
 
   return (
     <InsightCard
@@ -75,9 +78,7 @@ export const EndpointBottleneckInsightCard = ({
             >
               {span.requestPercentage}%
             </KeyValue>
-            <KeyValue label={"Duration"}>
-              {getDurationString(span.avgDurationWhenBeingBottleneck)}
-            </KeyValue>
+            <KeyValue label={"Duration"}>{durationString}</KeyValue>
           </ColumnsContainer>
         </ContentContainer>
       }
@@ -87,6 +88,12 @@ export const EndpointBottleneckInsightCard = ({
       onGoToSpan={onGoToSpan}
       onGoToTrace={span.traceId ? handleTraceButtonClick : undefined}
       isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+      viewMode={viewMode}
+      mainMetric={
+        <Tooltip title={durationString}>
+          <span>{durationString}</span>
+        </Tooltip>
+      }
     />
   );
 };
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/index.tsx
index 51a42a10d..60f6fd5cc 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/index.tsx
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/index.tsx
@@ -98,7 +98,8 @@ export const EndpointBreakdownInsightCard = ({
   onRecalculate,
   onRefresh,
   onGoToSpan,
-  isMarkAsReadButtonEnabled
+  isMarkAsReadButtonEnabled,
+  viewMode
 }: EndpointBreakdownInsightCardProps) => {
   const theme = useTheme();
 
@@ -263,6 +264,7 @@ export const EndpointBreakdownInsightCard = ({
       isAsync={insight.hasAsyncSpans}
       onGoToSpan={onGoToSpan}
       isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+      viewMode={viewMode}
     />
   );
 };
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointChattyApiV2InsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointChattyApiV2InsightCard/index.tsx
index 89aff4689..f6f2c80b9 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointChattyApiV2InsightCard/index.tsx
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointChattyApiV2InsightCard/index.tsx
@@ -11,7 +11,8 @@ export const EndpointChattyApiV2InsightCard = ({
   onRecalculate,
   onRefresh,
   onGoToSpan,
-  isMarkAsReadButtonEnabled
+  isMarkAsReadButtonEnabled,
+  viewMode
 }: EndpointChattyApiV2InsightCardProps) => {
   const handleSpanLinkClick = (spanCodeObjectId: string) => {
     onAssetLinkClick(spanCodeObjectId, insight.type);
@@ -60,6 +61,7 @@ export const EndpointChattyApiV2InsightCard = ({
           : undefined
       }
       isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+      viewMode={viewMode}
     />
   );
 };
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointHighNumberOfQueriesInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointHighNumberOfQueriesInsightCard/index.tsx
index 0e9930af1..251ef9e3e 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointHighNumberOfQueriesInsightCard/index.tsx
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointHighNumberOfQueriesInsightCard/index.tsx
@@ -14,7 +14,8 @@ export const EndpointHighNumberOfQueriesInsightCard = ({
   onRefresh,
   isJiraHintEnabled,
   onGoToSpan,
-  isMarkAsReadButtonEnabled
+  isMarkAsReadButtonEnabled,
+  viewMode
 }: EndpointHighNumberOfQueriesInsightCardProps) => {
   const traceId = insight.traceId;
 
@@ -83,6 +84,7 @@ export const EndpointHighNumberOfQueriesInsightCard = ({
       }
       onGoToSpan={onGoToSpan}
       isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+      viewMode={viewMode}
     />
   );
 };
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointQueryOptimizationV2InsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointQueryOptimizationV2InsightCard/index.tsx
index 7dcd7d631..3ddd60add 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointQueryOptimizationV2InsightCard/index.tsx
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointQueryOptimizationV2InsightCard/index.tsx
@@ -1,4 +1,5 @@
 import { getDurationString } from "../../../../../../utils/getDurationString";
+import { Tooltip } from "../../../../../common/v3/Tooltip";
 import { InsightType, Trace } from "../../../../types";
 import { InsightCard } from "../common/InsightCard";
 import { ColumnsContainer } from "../common/InsightCard/ColumnsContainer";
@@ -15,7 +16,8 @@ export const EndpointQueryOptimizationV2InsightCard = ({
   onRecalculate,
   onRefresh,
   onGoToSpan,
-  isMarkAsReadButtonEnabled
+  isMarkAsReadButtonEnabled,
+  viewMode
 }: EndpointQueryOptimizationV2InsightCardProps) => {
   const handleSpanLinkClick = (spanCodeObjectId: string) => {
     onAssetLinkClick(spanCodeObjectId, insight.type);
@@ -38,6 +40,7 @@ export const EndpointQueryOptimizationV2InsightCard = ({
 
   const spanName = insight.span.spanInfo.displayName;
   const spanCodeObjectId = insight.span.spanInfo.spanCodeObjectId;
+  const durationString = getDurationString(insight.span.duration);
 
   return (
     <InsightCard
@@ -77,6 +80,12 @@ export const EndpointQueryOptimizationV2InsightCard = ({
       }}
       onGoToSpan={onGoToSpan}
       isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+      viewMode={viewMode}
+      mainMetric={
+        <Tooltip title={durationString}>
+          <span>{durationString}</span>
+        </Tooltip>
+      }
     />
   );
 };
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSessionInViewInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSessionInViewInsightCard/index.tsx
index 17187bb2f..fcaf63144 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSessionInViewInsightCard/index.tsx
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSessionInViewInsightCard/index.tsx
@@ -20,7 +20,8 @@ export const EndpointSessionInViewInsightCard = ({
   onRecalculate,
   onRefresh,
   onGoToSpan,
-  isMarkAsReadButtonEnabled
+  isMarkAsReadButtonEnabled,
+  viewMode
 }: EndpointSessionInViewInsightCardProps) => {
   const isJaegerEnabled = useGlobalStore.use.isJaegerEnabled();
 
@@ -99,6 +100,7 @@ export const EndpointSessionInViewInsightCard = ({
       onRefresh={onRefresh}
       onGoToSpan={onGoToSpan}
       isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+      viewMode={viewMode}
     />
   );
 };
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSlowdownSourceInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSlowdownSourceInsightCard/index.tsx
index d980ab7cf..7747b384a 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSlowdownSourceInsightCard/index.tsx
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSlowdownSourceInsightCard/index.tsx
@@ -12,7 +12,8 @@ export const EndpointSlowdownSourceInsightCard = ({
   onRecalculate,
   onRefresh,
   onGoToSpan,
-  isMarkAsReadButtonEnabled
+  isMarkAsReadButtonEnabled,
+  viewMode
 }: EndpointSlowdownSourceInsightCardProps) => {
   const handleSpanLinkClick = (spanCodeObjectId: string) => {
     onAssetLinkClick(spanCodeObjectId, insight.type);
@@ -77,6 +78,7 @@ export const EndpointSlowdownSourceInsightCard = ({
       onRefresh={onRefresh}
       onGoToSpan={onGoToSpan}
       isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+      viewMode={viewMode}
     />
   );
 };
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSpanNPlusOneInsightInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSpanNPlusOneInsightInsightCard/index.tsx
index c715c18d1..c9bd07c4b 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSpanNPlusOneInsightInsightCard/index.tsx
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSpanNPlusOneInsightInsightCard/index.tsx
@@ -1,4 +1,5 @@
 import { getDurationString } from "../../../../../../utils/getDurationString";
+import { Tooltip } from "../../../../../common/v3/Tooltip";
 import { InsightType, Trace } from "../../../../types";
 import { InsightCard } from "../common/InsightCard";
 import { ColumnsContainer } from "../common/InsightCard/ColumnsContainer";
@@ -15,7 +16,8 @@ export const EndpointSpanNPlusOneInsightCard = ({
   onRecalculate,
   onGoToSpan,
   onRefresh,
-  isMarkAsReadButtonEnabled
+  isMarkAsReadButtonEnabled,
+  viewMode
 }: EndpointSpanNPlusOneInsightCardProps) => {
   const { span } = insight;
 
@@ -40,6 +42,7 @@ export const EndpointSpanNPlusOneInsightCard = ({
 
   const spanInfo = span.internalSpan ?? span.clientSpan;
   const spanName = spanInfo.displayName;
+  const durationString = getDurationString(span.duration);
 
   return (
     <InsightCard
@@ -76,9 +79,7 @@ export const EndpointSpanNPlusOneInsightCard = ({
             >
               {span.requestPercentage}%
             </KeyValue>
-            <KeyValue label={"Duration"}>
-              {getDurationString(span.duration)}
-            </KeyValue>
+            <KeyValue label={"Duration"}>{durationString}</KeyValue>
           </ColumnsContainer>
         </ContentContainer>
       }
@@ -86,6 +87,12 @@ export const EndpointSpanNPlusOneInsightCard = ({
       onRefresh={onRefresh}
       onGoToSpan={onGoToSpan}
       isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+      viewMode={viewMode}
+      mainMetric={
+        <Tooltip title={durationString}>
+          <span>{durationString}</span>
+        </Tooltip>
+      }
     />
   );
 };
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointUsageInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointUsageInsightCard/index.tsx
index a5cdab715..954eace43 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointUsageInsightCard/index.tsx
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointUsageInsightCard/index.tsx
@@ -47,7 +47,8 @@ export const EndpointUsageInsightCard = ({
   onRecalculate,
   onRefresh,
   onGoToSpan,
-  isMarkAsReadButtonEnabled
+  isMarkAsReadButtonEnabled,
+  viewMode
 }: EndpointUsageInsightCardProps) => {
   const valueString = `${getValueString(insight.maxCallsIn1Min)}/min`;
 
@@ -70,6 +71,7 @@ export const EndpointUsageInsightCard = ({
       onRefresh={onRefresh}
       onGoToSpan={onGoToSpan}
       isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+      viewMode={viewMode}
     />
   );
 };
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SlowEndpointInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SlowEndpointInsightCard/index.tsx
index abd060382..1513c7ddd 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SlowEndpointInsightCard/index.tsx
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SlowEndpointInsightCard/index.tsx
@@ -1,6 +1,7 @@
 import { getDurationString } from "../../../../../../utils/getDurationString";
 import { roundTo } from "../../../../../../utils/roundTo";
 import { Tag } from "../../../../../common/v3/Tag";
+import { Tooltip } from "../../../../../common/v3/Tooltip";
 import { InsightCard } from "../common/InsightCard";
 import { ColumnsContainer } from "../common/InsightCard/ColumnsContainer";
 import { KeyValue } from "../common/InsightCard/KeyValue";
@@ -12,7 +13,8 @@ export const SlowEndpointInsightCard = ({
   onRecalculate,
   onRefresh,
   onGoToSpan,
-  isMarkAsReadButtonEnabled
+  isMarkAsReadButtonEnabled,
+  viewMode
 }: SlowEndpointInsightCardProps) => {
   const diff =
     (insight.median.raw / insight.endpointsMedianOfMedians.raw - 1) * 100;
@@ -39,6 +41,12 @@ export const SlowEndpointInsightCard = ({
       onRefresh={onRefresh}
       onGoToSpan={onGoToSpan}
       isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+      viewMode={viewMode}
+      mainMetric={
+        <Tooltip title={durationString}>
+          <span>{durationString}</span>
+        </Tooltip>
+      }
     />
   );
 };
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/index.tsx
index 7c5e51ad1..21f9e1840 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/index.tsx
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/index.tsx
@@ -45,9 +45,15 @@ export const SpaNPlusOneInsightCard = ({
   onRefresh,
   isJiraHintEnabled,
   onGoToSpan,
-  isMarkAsReadButtonEnabled
+  isMarkAsReadButtonEnabled,
+  viewMode
 }: SpaNPlusOneInsightCardProps) => {
   const endpoints = insight.endpoints ?? [];
+  const endpointWithMaxDuration = endpoints.reduce(
+    (acc, cur) => (acc.duration.raw >= cur.duration.raw ? acc : cur),
+    endpoints[0]
+  );
+  const maxDurationString = getDurationString(endpointWithMaxDuration.duration);
   const isJaegerEnabled = useGlobalStore.use.isJaegerEnabled();
   const [selectedEndpoint, setSelectedEndpoint] = useState(
     endpoints.length ? endpoints[0] : null
@@ -140,6 +146,12 @@ export const SpaNPlusOneInsightCard = ({
       }}
       onGoToSpan={onGoToSpan}
       isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+      viewMode={viewMode}
+      mainMetric={
+        <Tooltip title={maxDurationString}>
+          <span>{maxDurationString}</span>
+        </Tooltip>
+      }
     />
   );
 };
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationBreakdownInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationBreakdownInsightCard/index.tsx
index 3d97c977d..10b52fc0b 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationBreakdownInsightCard/index.tsx
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationBreakdownInsightCard/index.tsx
@@ -61,7 +61,8 @@ export const SpanDurationBreakdownInsightCard = ({
   onRecalculate,
   onRefresh,
   onGoToSpan,
-  isMarkAsReadButtonEnabled
+  isMarkAsReadButtonEnabled,
+  viewMode
 }: SpanDurationBreakdownInsightCardProps) => {
   const [percentileViewMode, setPercentileViewMode] =
     useState<number>(DEFAULT_PERCENTILE);
@@ -303,6 +304,7 @@ export const SpanDurationBreakdownInsightCard = ({
       onRefresh={onRefresh}
       onGoToSpan={onGoToSpan}
       isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+      viewMode={viewMode}
     />
   );
 };
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/index.tsx
index b12fc0b8e..3bbd76cc6 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/index.tsx
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/index.tsx
@@ -137,7 +137,8 @@ export const SpanDurationsInsightCard = ({
   onRefresh,
   onHistogramButtonClick,
   onGoToSpan,
-  isMarkAsReadButtonEnabled
+  isMarkAsReadButtonEnabled,
+  viewMode
 }: SpanDurationsInsightCardProps) => {
   const theme = useTheme();
   const { observe, width } = useDimensions();
@@ -441,6 +442,7 @@ ${getDurationString(insight.average)}${
       onOpenHistogram={insight.spanInfo ? onHistogramButtonClick : undefined}
       onGoToSpan={onGoToSpan}
       isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+      viewMode={viewMode}
     />
   );
 };
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/index.tsx
index 93d32f3a7..af559bb17 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/index.tsx
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/index.tsx
@@ -46,10 +46,22 @@ export const SpanEndpointBottleneckInsightCard = ({
   onRecalculate,
   onRefresh,
   onGoToSpan,
-  isMarkAsReadButtonEnabled
+  isMarkAsReadButtonEnabled,
+  viewMode
 }: SpanEndpointBottleneckInsightCardProps) => {
   const isJaegerEnabled = useGlobalStore.use.isJaegerEnabled();
   const slowEndpoints = insight.slowEndpoints ?? [];
+  const endpointWithMaxDuration = slowEndpoints.reduce(
+    (acc, cur) =>
+      acc.avgDurationWhenBeingBottleneck.raw >=
+      cur.avgDurationWhenBeingBottleneck.raw
+        ? acc
+        : cur,
+    slowEndpoints[0]
+  );
+  const maxDurationString = getDurationString(
+    endpointWithMaxDuration.avgDurationWhenBeingBottleneck
+  );
   const [selectedEndpoint, setSelectedEndpoint] = useState(
     slowEndpoints.length > 0 ? slowEndpoints[0] : null
   );
@@ -154,6 +166,12 @@ export const SpanEndpointBottleneckInsightCard = ({
       onRefresh={onRefresh}
       onGoToSpan={onGoToSpan}
       isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+      viewMode={viewMode}
+      mainMetric={
+        <Tooltip title={maxDurationString}>
+          <span>{maxDurationString}</span>
+        </Tooltip>
+      }
     />
   );
 };
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanNexusInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanNexusInsightCard/index.tsx
index 11d31e0e3..9401a64a5 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanNexusInsightCard/index.tsx
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanNexusInsightCard/index.tsx
@@ -15,7 +15,8 @@ export const SpanNexusInsightCard = ({
   onRecalculate,
   onRefresh,
   onGoToSpan,
-  isMarkAsReadButtonEnabled
+  isMarkAsReadButtonEnabled,
+  viewMode
 }: SpanNexusInsightCardProps) => {
   const {
     entries,
@@ -68,6 +69,7 @@ export const SpanNexusInsightCard = ({
       onRefresh={onRefresh}
       onGoToSpan={onGoToSpan}
       isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+      viewMode={viewMode}
     />
   );
 };
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/index.tsx
index e014dffc1..d3f0e74c4 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/index.tsx
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/index.tsx
@@ -2,6 +2,7 @@ import { usePagination } from "../../../../../../hooks/usePagination";
 import { getDurationString } from "../../../../../../utils/getDurationString";
 import { trimEndpointScheme } from "../../../../../../utils/trimEndpointScheme";
 import { Pagination } from "../../../../../common/v3/Pagination";
+import { Tooltip } from "../../../../../common/v3/Tooltip";
 import { InsightType, Trace } from "../../../../types";
 import { InsightCard } from "../common/InsightCard";
 import { ColumnsContainer } from "../common/InsightCard/ColumnsContainer";
@@ -22,7 +23,8 @@ export const SpanQueryOptimizationInsightCard = ({
   onGoToSpan,
   isMarkAsReadButtonEnabled,
   isJiraHintEnabled,
-  onJiraTicketCreate
+  onJiraTicketCreate,
+  viewMode
 }: SpanQueryOptimizationInsightCardProps) => {
   const endpoints = insight.endpoints ?? [];
   const [pageItems, page, setPage] = usePagination(
@@ -53,6 +55,7 @@ export const SpanQueryOptimizationInsightCard = ({
   const spanName = insight.spanInfo?.displayName ?? undefined;
   const spanCodeObjectId = insight.spanInfo?.spanCodeObjectId ?? undefined;
   const traceId = insight.traceId;
+  const durationString = getDurationString(insight.duration);
 
   return (
     <InsightCard
@@ -60,9 +63,7 @@ export const SpanQueryOptimizationInsightCard = ({
       content={
         <ContentContainer>
           <ColumnsContainer>
-            <KeyValue label={"Duration"}>
-              {getDurationString(insight.duration)}
-            </KeyValue>
+            <KeyValue label={"Duration"}>{durationString}</KeyValue>
             <KeyValue label={"Typical Duration"}>
               {getDurationString(insight.typicalDuration)}
             </KeyValue>
@@ -117,6 +118,12 @@ export const SpanQueryOptimizationInsightCard = ({
       }
       onGoToSpan={onGoToSpan}
       isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+      viewMode={viewMode}
+      mainMetric={
+        <Tooltip title={durationString}>
+          <span>{durationString}</span>
+        </Tooltip>
+      }
     />
   );
 };
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanScalingInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanScalingInsightCard/index.tsx
index 8b706d6ad..9a655ce06 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanScalingInsightCard/index.tsx
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanScalingInsightCard/index.tsx
@@ -6,6 +6,7 @@ import { TraceIcon } from "../../../../../common/icons/12px/TraceIcon";
 import { Button } from "../../../../../common/v3/Button";
 import { JiraButton } from "../../../../../common/v3/JiraButton";
 import { Pagination } from "../../../../../common/v3/Pagination";
+import { Tooltip } from "../../../../../common/v3/Tooltip";
 import { InsightType, RootCauseSpanInfo, Trace } from "../../../../types";
 import { InsightCard } from "../common/InsightCard";
 import { ColumnsContainer } from "../common/InsightCard/ColumnsContainer";
@@ -26,7 +27,8 @@ export const SpanScalingInsightCard = ({
   onRecalculate,
   onRefresh,
   onGoToSpan,
-  isMarkAsReadButtonEnabled
+  isMarkAsReadButtonEnabled,
+  viewMode
 }: SpanScalingInsightCardProps) => {
   const isJaegerEnabled = useGlobalStore.use.isJaegerEnabled();
   const affectedEndpoints = insight.affectedEndpoints ?? [];
@@ -108,6 +110,10 @@ export const SpanScalingInsightCard = ({
     }
   };
 
+  const durationRangeString = `${getDurationString(
+    insight.minDuration
+  )} - ${getDurationString(insight.maxDuration)}`;
+
   return (
     <InsightCard
       insight={insight}
@@ -120,10 +126,7 @@ export const SpanScalingInsightCard = ({
             <KeyValue label={"Tested concurrency"}>
               {insight.maxConcurrency}
             </KeyValue>
-            <KeyValue label={"Duration"}>
-              {getDurationString(insight.minDuration)} -{" "}
-              {getDurationString(insight.maxDuration)}
-            </KeyValue>
+            <KeyValue label={"Duration"}>{durationRangeString}</KeyValue>
           </ColumnsContainer>
           {renderRootCause(insight.rootCauseSpans)}
           {affectedEndpoints.length > 0 && (
@@ -164,6 +167,12 @@ export const SpanScalingInsightCard = ({
       onRefresh={onRefresh}
       onGoToSpan={onGoToSpan}
       isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+      viewMode={viewMode}
+      mainMetric={
+        <Tooltip title={durationRangeString}>
+          <span>{durationRangeString}</span>
+        </Tooltip>
+      }
     />
   );
 };
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanUsagesInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanUsagesInsightCard/index.tsx
index 1b103877d..d30a16d42 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanUsagesInsightCard/index.tsx
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanUsagesInsightCard/index.tsx
@@ -40,7 +40,8 @@ export const SpanUsagesInsightCard = ({
   onRecalculate,
   onRefresh,
   onGoToSpan,
-  isMarkAsReadButtonEnabled
+  isMarkAsReadButtonEnabled,
+  viewMode
 }: SpanUsagesInsightCardProps) => {
   const isJaegerEnabled = useGlobalStore.use.isJaegerEnabled();
   const [data, setData] = useState({
@@ -325,6 +326,7 @@ export const SpanUsagesInsightCard = ({
       onRefresh={onRefresh}
       onGoToSpan={onGoToSpan}
       isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+      viewMode={viewMode}
     />
   );
 };
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/RecalculateBar/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/RecalculateBar/index.tsx
index 83e32f6e7..75329883b 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/RecalculateBar/index.tsx
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/RecalculateBar/index.tsx
@@ -1,11 +1,11 @@
-import { RecalculateStartedIcon } from "../../../../../../../common/icons/16px/RecalculateStartedIcon";
+import { CheckmarkCircleArrowIcon } from "../../../../../../../common/icons/16px/CheckmarkCircleArrowIcon";
 import * as s from "./styles";
 
 export const RecalculateBar = () => {
   return (
     <s.Container>
       <s.IconContainer>
-        <RecalculateStartedIcon size={16} color={"currentColor"} />
+        <CheckmarkCircleArrowIcon size={16} color={"currentColor"} />
       </s.IconContainer>
       <s.Title>Rechecking insight</s.Title>
       <s.Info>Trigger new actions for this asset</s.Info>
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/index.tsx
index 41eb084f1..f1566b831 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/index.tsx
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/index.tsx
@@ -9,7 +9,7 @@ import { TraceIcon } from "../../../../../../common/icons/12px/TraceIcon";
 import { DoubleCircleIcon } from "../../../../../../common/icons/16px/DoubleCircleIcon";
 import { HistogramIcon } from "../../../../../../common/icons/16px/HistogramIcon";
 import { PinIcon } from "../../../../../../common/icons/16px/PinIcon";
-import { RecalculateIcon } from "../../../../../../common/icons/16px/RecalculateIcon";
+import { RecheckIcon } from "../../../../../../common/icons/16px/RecheckIcon";
 import { CrossIcon } from "../../../../../../common/icons/CrossIcon";
 import { Button } from "../../../../../../common/v3/Button";
 import { BaseButtonProps } from "../../../../../../common/v3/Button/types";
@@ -18,6 +18,7 @@ import { Tooltip } from "../../../../../../common/v3/Tooltip";
 import { trackingEvents } from "../../../../../tracking";
 import { isEndpointInsight, isSpanInsight } from "../../../../../typeGuards";
 import { InsightStatus } from "../../../../../types";
+import { IssueCompactCard } from "../IssueCompactCard";
 import { InsightHeader } from "./InsightHeader";
 import { ProductionAffectionBar } from "./ProductionAffectionBar";
 import { RecalculateBar } from "./RecalculateBar";
@@ -41,7 +42,9 @@ export const InsightCard = ({
   onGoToLive,
   onPin,
   content,
-  isAsync
+  isAsync,
+  viewMode,
+  mainMetric
 }: InsightCardProps) => {
   const [isDismissConfirmationOpened, setDismissConfirmationOpened] =
     useState(false);
@@ -107,7 +110,7 @@ export const InsightCard = ({
     };
   };
 
-  const handleSpanLinkClick = () => {
+  const goToSpan = () => {
     if (
       (isSpanInsight(insight) || isEndpointInsight(insight)) &&
       insight.spanInfo
@@ -116,6 +119,10 @@ export const InsightCard = ({
     }
   };
 
+  const handleSpanLinkClick = () => {
+    goToSpan();
+  };
+
   const handleDismissClick = () => {
     sendUserActionTrackingEvent(
       trackingEvents.INSIGHT_CARD_DISMISS_BUTTON_CLICKED,
@@ -179,6 +186,28 @@ export const InsightCard = ({
     }
   };
 
+  if (viewMode === "compact") {
+    return (
+      <IssueCompactCard
+        insight={insight}
+        metric={mainMetric}
+        onGoToSpan={goToSpan}
+        onGoToTrace={onGoToTrace}
+        onDismiss={dismiss}
+        onShow={show}
+        onRecheck={() => onRecalculate(insight.id)}
+        onMarkAsRead={markAsRead}
+        onTicketOpen={() =>
+          openTicketInfo(
+            jiraTicketInfo?.spanCodeObjectId,
+            "ticket menu item clicked"
+          )
+        }
+        isCritical={isCritical}
+      />
+    );
+  }
+
   const renderActions = () => {
     const buttonsToRender: {
       tooltip: string;
@@ -223,7 +252,7 @@ export const InsightCard = ({
         tooltip: "Recheck",
         button: (btnProps) => (
           <Button
-            icon={RecalculateIcon}
+            icon={RecheckIcon}
             label={"Recheck"}
             onClick={handleRecheckButtonClick}
             {...btnProps}
@@ -314,7 +343,7 @@ export const InsightCard = ({
   const isFooterVisible = Boolean(renderActions() ?? insight.isDismissible);
 
   return (
-    <s.StyledInsightCard
+    <s.StyledCard
       $isDismissed={insight.isDismissed}
       $isRead={insight.isRead}
       $isReadable={insight.isReadable}
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/styles.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/styles.ts
index e6f47f07b..071e0e4b5 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/styles.ts
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/styles.ts
@@ -2,7 +2,7 @@ import styled, { css } from "styled-components";
 import { subscriptRegularTypography } from "../../../../../../common/App/typographies";
 import { Button } from "../../../../../../common/v3/Button";
 import { Card } from "../../../../../../common/v3/Card";
-import { StyledInsightCardProps } from "./types";
+import { StyledCardProps } from "./types";
 
 export const InsightFooter = styled.div`
   display: flex;
@@ -39,7 +39,7 @@ export const ContentContainer = styled.div`
   gap: 8px;
 `;
 
-export const StyledInsightCard = styled(Card)<StyledInsightCardProps>`
+export const StyledCard = styled(Card)<StyledCardProps>`
   ${({ $isDismissed, theme }) =>
     $isDismissed
       ? css`
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/types.ts
index 26a1364c5..431c29d52 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/types.ts
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/types.ts
@@ -3,6 +3,8 @@ import { ScopeSpan } from "../../../../../../common/App/types";
 import { CardProps } from "../../../../../../common/v3/Card/types";
 import { GenericCodeObjectInsight, InsightType } from "../../../../../types";
 
+export type InsightCardViewMode = "full" | "compact";
+
 export interface InsightCardProps {
   insight: GenericCodeObjectInsight;
   content?: ReactNode;
@@ -29,9 +31,11 @@ export interface InsightCardProps {
   ) => void;
   onGoToSpan: (spanCodeObjectId: string) => void;
   isMarkAsReadButtonEnabled: boolean;
+  viewMode: InsightCardViewMode;
+  mainMetric?: ReactNode;
 }
 
-export interface StyledInsightCardProps extends CardProps {
+export interface StyledCardProps extends CardProps {
   $isDismissed?: boolean;
   $isRead?: boolean;
   $isReadable?: boolean;
@@ -68,6 +72,7 @@ export interface SetMarkAllAsReadResponsePayload {
   status: "success" | "failure";
   error?: string;
 }
+
 export interface InsightCardCommonProps {
   onRecalculate: (insightId: string) => void;
   onRefresh: (insightType: InsightType) => void;
@@ -79,4 +84,5 @@ export interface InsightCardCommonProps {
   onGoToSpan: (spanCodeObjectId: string) => void;
   isJiraHintEnabled?: boolean;
   isMarkAsReadButtonEnabled: boolean;
+  viewMode: InsightCardViewMode;
 }
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/IssueCompactCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/IssueCompactCard.stories.tsx
new file mode 100644
index 000000000..07cb74350
--- /dev/null
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/IssueCompactCard.stories.tsx
@@ -0,0 +1,62 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { IssueCompactCard } from ".";
+import { mockedEndpointSpanNPlusOneInsight } from "../../EndpointSpanNPlusOneInsightInsightCard/mockData";
+
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
+const meta: Meta<typeof IssueCompactCard> = {
+  title:
+    "Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard",
+  component: IssueCompactCard,
+  parameters: {
+    // More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
+    layout: "fullscreen"
+  }
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+    insight: {
+      ...mockedEndpointSpanNPlusOneInsight,
+      isRead: true
+    },
+    metric: "Metric"
+  }
+};
+
+export const Unread: Story = {
+  args: {
+    insight: {
+      ...mockedEndpointSpanNPlusOneInsight,
+      isRead: false
+    },
+    metric: "Metric"
+  }
+};
+
+export const Critical: Story = {
+  args: {
+    insight: {
+      ...mockedEndpointSpanNPlusOneInsight,
+      criticality: 0.9,
+      isRead: false
+    },
+    isCritical: true,
+    metric: "Metric"
+  }
+};
+
+export const CriticalUnread: Story = {
+  args: {
+    insight: {
+      ...mockedEndpointSpanNPlusOneInsight,
+      criticality: 0.9,
+      isRead: true
+    },
+    isCritical: true,
+    metric: "Metric"
+  }
+};
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/index.tsx
new file mode 100644
index 000000000..4a40c0b8d
--- /dev/null
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/index.tsx
@@ -0,0 +1,193 @@
+import { useState } from "react";
+import { useTheme } from "styled-components";
+import { useGlobalStore } from "../../../../../../../containers/Main/stores/useGlobalStore";
+import { sendUserActionTrackingEvent } from "../../../../../../../utils/actions/sendUserActionTrackingEvent";
+import { getInsightTypeInfo } from "../../../../../../../utils/getInsightTypeInfo";
+import { CrossIcon } from "../../../../../../common/icons/16px/CrossIcon";
+import { EyeIcon } from "../../../../../../common/icons/16px/EyeIcon";
+import { FourPointedStarWithPlusesIcon } from "../../../../../../common/icons/16px/FourPointedStarWithPlusesIcon";
+import { JiraLogoIcon } from "../../../../../../common/icons/16px/JiraLogoIcon";
+import { RecheckIcon } from "../../../../../../common/icons/16px/RecheckIcon";
+import { TraceIcon } from "../../../../../../common/icons/16px/TraceIcon";
+import { ThreeDotsIcon } from "../../../../../../common/icons/ThreeDotsIcon";
+import { NewPopover } from "../../../../../../common/NewPopover";
+import { Link } from "../../../../../../common/v3/Link";
+import { NewIconButton } from "../../../../../../common/v3/NewIconButton";
+import { Tooltip } from "../../../../../../common/v3/Tooltip";
+import { MenuList } from "../../../../../../Navigation/common/MenuList";
+import { MenuItem } from "../../../../../../Navigation/common/MenuList/types";
+import { trackingEvents } from "../../../../../tracking";
+import { isEndpointInsight, isSpanInsight } from "../../../../../typeGuards";
+import { InsightIcon } from "../InsightCard/InsightHeader/InsightIcon";
+import * as s from "./styles";
+import { IssueCompactCardProps } from "./types";
+
+export const IssueCompactCard = ({
+  insight,
+  metric,
+  onGoToSpan,
+  onGoToTrace,
+  onDismiss,
+  onShow,
+  onRecheck,
+  onMarkAsRead,
+  onTicketOpen,
+  isCritical
+}: IssueCompactCardProps) => {
+  const isJaegerEnabled = useGlobalStore.use.isJaegerEnabled();
+  const [isKebabMenuOpen, setIsKebabMenuOpen] = useState(false);
+  const insightTypeInfo = getInsightTypeInfo(insight.type, insight.subType);
+  const spanInfo =
+    isSpanInsight(insight) || isEndpointInsight(insight)
+      ? insight.spanInfo
+      : undefined;
+  const theme = useTheme();
+  const isTicketLinkAttached = Boolean(insight.ticketLink);
+  const handleContainerClick = () => {
+    sendUserActionTrackingEvent(trackingEvents.ISSUE_CARD_CLICKED, {
+      insightType: insight.type
+    });
+
+    if (insight.isReadable && insight.isRead === false) {
+      onMarkAsRead();
+    }
+  };
+
+  const handleSpanLinkClick = () => {
+    sendUserActionTrackingEvent(
+      trackingEvents.ISSUE_CARD_TITLE_ASSET_LINK_CLICKED,
+      {
+        insightType: insight.type
+      }
+    );
+    onGoToSpan();
+  };
+
+  const handleMenuItemClick = (item: string) => {
+    sendUserActionTrackingEvent(
+      trackingEvents.ISSUE_CARD_KEBAB_MENU_ITEM_CLICKED,
+      { item }
+    );
+    switch (item) {
+      case "details":
+        onGoToSpan();
+        break;
+      case "trace":
+        onGoToTrace && onGoToTrace();
+        break;
+      case "dismiss":
+        onDismiss();
+        break;
+      case "show":
+        onShow();
+        break;
+      case "ticket":
+        onTicketOpen();
+        break;
+      case "recheck":
+        onRecheck();
+        break;
+    }
+  };
+
+  const menuItems: MenuItem[] = [
+    {
+      id: "details",
+      icon: <FourPointedStarWithPlusesIcon size={16} color={"currentColor"} />,
+      label: "Details",
+      onClick: () => handleMenuItemClick("details")
+    },
+    ...(isJaegerEnabled && onGoToTrace
+      ? [
+          {
+            id: "trace",
+            icon: <TraceIcon size={16} color={"currentColor"} />,
+            label: "Trace",
+            onClick: () => handleMenuItemClick("trace")
+          }
+        ]
+      : []),
+    ...(insight.isDismissed
+      ? [
+          {
+            id: "show",
+            icon: <EyeIcon size={16} color={"currentColor"} />,
+            label: "Show",
+            onClick: () => handleMenuItemClick("show")
+          }
+        ]
+      : [
+          {
+            id: "dismiss",
+            icon: <CrossIcon size={16} color={"currentColor"} />,
+            label: "Dismiss",
+            onClick: () => handleMenuItemClick("dismiss")
+          }
+        ]),
+    {
+      id: "ticket",
+      icon: (
+        <JiraLogoIcon
+          size={16}
+          color={
+            isTicketLinkAttached
+              ? theme.colors.v3.icon.brandSecondary
+              : "currentColor"
+          }
+          isActive={isTicketLinkAttached}
+        />
+      ),
+      label: "Ticket",
+      onClick: () => handleMenuItemClick("ticket")
+    },
+    {
+      id: "recheck",
+      icon: <RecheckIcon size={16} color={"currentColor"} />,
+      label: "Recheck",
+      onClick: () => handleMenuItemClick("recheck")
+    }
+  ];
+
+  return (
+    <s.Container
+      $isCritical={isCritical}
+      $isRead={insight.isRead}
+      onClick={handleContainerClick}
+    >
+      <s.TitleRow>
+        {insightTypeInfo && (
+          <InsightIcon
+            insightTypeInfo={insightTypeInfo}
+            criticality={insight.criticality}
+          />
+        )}
+        <s.Title>{insightTypeInfo?.label}</s.Title>
+        {metric && <s.MetricTag content={metric} type={"highlight"} />}
+        <NewPopover
+          isOpen={isKebabMenuOpen}
+          onOpenChange={setIsKebabMenuOpen}
+          placement={"bottom-end"}
+          content={
+            <s.StyledPopup>
+              <MenuList items={menuItems} />
+            </s.StyledPopup>
+          }
+        >
+          <NewIconButton
+            icon={ThreeDotsIcon}
+            buttonType={"tertiary"}
+            size={"small"}
+          />
+        </NewPopover>
+      </s.TitleRow>
+      {spanInfo && (
+        <s.SpanInfoRow>
+          <Tooltip title={spanInfo.displayName}>
+            <Link onClick={handleSpanLinkClick}>{spanInfo.displayName}</Link>
+          </Tooltip>
+          <s.StyledCopyButton text={spanInfo.displayName} />
+        </s.SpanInfoRow>
+      )}
+    </s.Container>
+  );
+};
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/styles.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/styles.ts
new file mode 100644
index 000000000..7371c644d
--- /dev/null
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/styles.ts
@@ -0,0 +1,88 @@
+import styled, { css } from "styled-components";
+import { bodyBoldTypography } from "../../../../../../common/App/typographies";
+import { CopyButton } from "../../../../../../common/v3/CopyButton";
+import { Tag } from "../../../../../../common/v3/Tag";
+import { Popup } from "../../../../../../Navigation/common/Popup";
+import { ContainerProps } from "./types";
+
+export const Container = styled.div<ContainerProps>`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  border-radius: 4px;
+  padding: 12px;
+  height: 72px;
+  box-sizing: border-box;
+
+  ${({ $isCritical, $isRead, theme }) => {
+    if ($isCritical) {
+      if ($isRead) {
+        return css`
+          background: ${theme.colors.v3.pieChart.darkRed};
+        `;
+      }
+
+      return css`
+        border: 1px solid ${theme.colors.v3.status.backgroundHigh};
+        background: ${theme.colors.v3.pieChart.brightRedStroke};
+        padding: 11px;
+      `;
+    }
+
+    if ($isRead) {
+      return css`
+        background: ${theme.colors.v3.surface.secondary};
+      `;
+    }
+
+    return css`
+      border: 1px solid ${theme.colors.v3.stroke.primary};
+      background: ${theme.colors.v3.surface.brandDarkest};
+      padding: 11px;
+    `;
+  }}
+`;
+
+export const TitleRow = styled.div`
+  display: flex;
+  align-items: center;
+`;
+
+export const Title = styled.span`
+  ${bodyBoldTypography}
+
+  flex-grow: 1;
+  padding: 0 4px 0 8px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: ${({ theme }) => theme.colors.v3.text.primary};
+`;
+
+export const MetricTag = styled(Tag)`
+  margin-left: 4px;
+`;
+
+export const StyledCopyButton = styled(CopyButton)`
+  padding: 0 6px;
+  display: none;
+`;
+
+export const SpanInfoRow = styled.div`
+  display: flex;
+  padding: 0 32px;
+  gap: 4px;
+  align-items: center;
+
+  &:hover {
+    ${StyledCopyButton} {
+      display: flex;
+    }
+  }
+`;
+
+export const StyledPopup = styled(Popup)`
+  & > div {
+    padding: 8px 4px;
+  }
+`;
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/types.ts
new file mode 100644
index 000000000..7d24ba239
--- /dev/null
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/types.ts
@@ -0,0 +1,20 @@
+import { ReactNode } from "react";
+import { GenericCodeObjectInsight } from "../../../../../types";
+
+export interface IssueCompactCardProps {
+  insight: GenericCodeObjectInsight;
+  isCritical?: boolean;
+  metric?: ReactNode;
+  onGoToSpan: () => void;
+  onRecheck: () => void;
+  onGoToTrace?: () => void;
+  onDismiss: () => void;
+  onShow: () => void;
+  onMarkAsRead: () => void;
+  onTicketOpen: () => void;
+}
+
+export interface ContainerProps {
+  $isRead?: boolean;
+  $isCritical?: boolean;
+}
diff --git a/src/components/Insights/InsightsCatalog/PromotionCard/index.tsx b/src/components/Insights/InsightsCatalog/PromotionCard/index.tsx
index 5070f2956..3b8f584d8 100644
--- a/src/components/Insights/InsightsCatalog/PromotionCard/index.tsx
+++ b/src/components/Insights/InsightsCatalog/PromotionCard/index.tsx
@@ -27,7 +27,7 @@ export const PromotionCard = ({ onAccept, onDiscard }: PromotionCardProps) => {
 
   const handleExpandClick = () => {
     sendUserActionTrackingEvent(
-      trackingEvents.PROMOTION_CLOSE_EXPANDED_VIEW_BUTTON_CLICKED
+      trackingEvents.PROMOTION_OPEN_EXPANDED_VIEW_BUTTON_CLICKED
     );
     setExpanded(true);
   };
diff --git a/src/components/Insights/InsightsCatalog/index.tsx b/src/components/Insights/InsightsCatalog/index.tsx
index de84f2de0..b379b4872 100644
--- a/src/components/Insights/InsightsCatalog/index.tsx
+++ b/src/components/Insights/InsightsCatalog/index.tsx
@@ -91,7 +91,7 @@ export const InsightsCatalog = ({
   const environments = useGlobalStore.use.environments();
   const scope = useGlobalStore.use.scope();
   const scopeSpanCodeObjectId = scope?.span?.spanCodeObjectId;
-  const isAtSpan = Boolean(scope?.span?.spanCodeObjectId);
+  const isAtSpan = Boolean(scope?.span);
   const backendInfo = useGlobalStore.use.backendInfo();
   const theme = useTheme();
   const { isMarkingAllAsReadInProgress, markAllAsRead } = useMarkingAllAsRead(
@@ -114,14 +114,14 @@ export const InsightsCatalog = ({
 
   const handleRegistrationComplete = () => {
     sendUserActionTrackingEvent(
-      mainTrackingEvents.PROMOTION_REGISTRATION_SUBMITTED
+      mainTrackingEvents.PROMOTION_REGISTRATION_FORM_SUBMITTED
     );
     setPromotionCompleted(true);
   };
 
   const handleRegistrationClose = () => {
     sendUserActionTrackingEvent(
-      mainTrackingEvents.PROMOTION_REGISTRATION_CLOSED_CLICKED
+      mainTrackingEvents.PROMOTION_REGISTRATION_CLOSE_BUTTON_CLICKED
     );
     setShowRegistration(false);
   };
@@ -147,7 +147,7 @@ export const InsightsCatalog = ({
 
   const handlePromotionAccept = () => {
     sendUserActionTrackingEvent(
-      mainTrackingEvents.PROMOTION_REGISTRATION_OPENED
+      mainTrackingEvents.PROMOTION_REGISTRATION_FORM_OPENED
     );
     setShowRegistration(true);
   };
diff --git a/src/components/Insights/Issues/IssuesFilter/index.tsx b/src/components/Insights/Issues/IssuesFilter/index.tsx
index b3dbeea98..2d86e91e0 100644
--- a/src/components/Insights/Issues/IssuesFilter/index.tsx
+++ b/src/components/Insights/Issues/IssuesFilter/index.tsx
@@ -62,7 +62,9 @@ export const IssuesFilter = () => {
   };
 
   const handleIssueTypesChange = (value: string | string[]) => {
-    sendUserActionTrackingEvent(trackingEvents.FILTER_OPTION_SELECTED);
+    sendUserActionTrackingEvent(trackingEvents.FILTER_OPTION_SELECTED, {
+      filterType: "issueType"
+    });
     const newInsightTypes = Array.isArray(value) ? value : [value];
     setFilteredInsightTypes(newInsightTypes);
   };
diff --git a/src/components/Insights/deprecated/InsightList/index.tsx b/src/components/Insights/deprecated/InsightList/index.tsx
index b03a96798..dab1e1b5f 100644
--- a/src/components/Insights/deprecated/InsightList/index.tsx
+++ b/src/components/Insights/deprecated/InsightList/index.tsx
@@ -265,6 +265,7 @@ const renderInsightCard = (
         onRefresh={handleRefresh}
         onGoToSpan={handleGoToSpan}
         isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+        viewMode={"full"}
       />
     );
   }
@@ -295,6 +296,7 @@ const renderInsightCard = (
         onRefresh={handleRefresh}
         onGoToSpan={handleGoToSpan}
         isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+        viewMode={"full"}
       />
     );
   }
@@ -309,6 +311,7 @@ const renderInsightCard = (
         onRefresh={handleRefresh}
         onGoToSpan={handleGoToSpan}
         isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled}
+        viewMode={"full"}
       />
     );
   }
diff --git a/src/components/Insights/tracking.ts b/src/components/Insights/tracking.ts
index 687d74e64..de25434aa 100644
--- a/src/components/Insights/tracking.ts
+++ b/src/components/Insights/tracking.ts
@@ -15,6 +15,9 @@ export const trackingEvents = addPrefix(
       "insight card mark as read button clicked",
     REFRESH_BUTTON_CLICKED: "refresh button clicked",
     INSIGHT_CARD_ASSET_LINK_CLICKED: "insight card asset link clicked",
+    ISSUE_CARD_CLICKED: "issue card clicked",
+    ISSUE_CARD_TITLE_ASSET_LINK_CLICKED: "issue card title asset link clicked",
+    ISSUE_CARD_KEBAB_MENU_ITEM_CLICKED: "issue card kebab menu item clicked",
     PROMOTION_CLOSE_EXPANDED_VIEW_BUTTON_CLICKED:
       "promotion close expanded view button clicked",
     PROMOTION_OPEN_EXPANDED_VIEW_BUTTON_CLICKED:
diff --git a/src/components/InstallationWizard/tracking.ts b/src/components/InstallationWizard/tracking.ts
index b84fe107d..a6553bfd3 100644
--- a/src/components/InstallationWizard/tracking.ts
+++ b/src/components/InstallationWizard/tracking.ts
@@ -10,7 +10,7 @@ export const trackingEvents = addPrefix(
     INSTALL_STEP_AUTOMATICALLY_PASSED: "install step automatically passed",
     GET_DIGMA_DOCKER_EXTENSION_BUTTON_CLICKED:
       "get digma docker extension button clicked",
-    OBSERVABILITY_BUTTON_CLICKED: "set observability button clicked",
+    OBSERVABILITY_BUTTON_CLICKED: "observability button clicked",
     TAB_CLICKED: "tab clicked",
     NO_DOCKER_SLACK_LINK_CLICKED: "no docker slack link clicked",
     DIGMA_CLOUD_AVAILABILITY_NOTIFICATION_EMAIL_ADDRESS_CAPTURED:
diff --git a/src/components/Main/RegistrationCard/index.tsx b/src/components/Main/RegistrationCard/index.tsx
index 1a952f2d0..e78b38d09 100644
--- a/src/components/Main/RegistrationCard/index.tsx
+++ b/src/components/Main/RegistrationCard/index.tsx
@@ -25,7 +25,9 @@ export const RegistrationCard = ({
   const registrationCardRef = useRef<HTMLDivElement>(null);
 
   const handleSlackLinkClick = () => {
-    sendUserActionTrackingEvent(trackingEvents.PROMOTION_SLACK_LINK_CLICKED);
+    sendUserActionTrackingEvent(
+      trackingEvents.PROMOTION_REGISTRATION_CARD_SLACK_LINK_CLICKED
+    );
     openURLInDefaultBrowser(SLACK_WORKSPACE_URL);
   };
 
diff --git a/src/components/Main/tracking.ts b/src/components/Main/tracking.ts
index 481df111e..9b3e3712a 100644
--- a/src/components/Main/tracking.ts
+++ b/src/components/Main/tracking.ts
@@ -5,17 +5,18 @@ const TRACKING_PREFIX = "main";
 export const trackingEvents = addPrefix(
   TRACKING_PREFIX,
   {
-    PROMOTION_SLACK_LINK_CLICKED:
+    PROMOTION_REGISTRATION_CARD_SLACK_LINK_CLICKED:
       "promotion registration card slack link clicked",
     PROMOTION_CANCEL_CONFIRMATION_CLOSE_CLICKED:
       "promotion cancel confirmation close clicked",
     PROMOTION_CANCEL_CONFIRMATION_ACCEPT_CLICKED:
       "promotion cancel confirmation accept clicked",
-    PROMOTION_REGISTRATION_SUBMITTED: "promotion registration form submitted",
-    PROMOTION_REGISTRATION_CLOSED_CLICKED:
+    PROMOTION_REGISTRATION_FORM_SUBMITTED:
+      "promotion registration form submitted",
+    PROMOTION_REGISTRATION_CLOSE_BUTTON_CLICKED:
       "promotion registration close button clicked",
     PROMOTION_DISCARDED: "promotion discarded",
-    PROMOTION_REGISTRATION_OPENED: "promotion registration form opened",
+    PROMOTION_REGISTRATION_FORM_OPENED: "promotion registration form opened",
     LOGIN_SCREEN_VIEWED: "login screen viewed"
   },
   " "
diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypePanel/index.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypePanel/index.tsx
index aa940a2e1..23df6bd26 100644
--- a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypePanel/index.tsx
+++ b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypePanel/index.tsx
@@ -22,7 +22,7 @@ export const EnvironmentTypePanel = ({
       sendUserActionTrackingEvent(
         trackingEvents.ENVIRONMENT_TYPE_BUTTON_CLICKED,
         {
-          type: typeData.title
+          type: typeData.type
         }
       );
     }
diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/index.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/index.tsx
index ea6460092..adc3c6578 100644
--- a/src/components/RecentActivity/CreateEnvironmentWizard/index.tsx
+++ b/src/components/RecentActivity/CreateEnvironmentWizard/index.tsx
@@ -253,10 +253,6 @@ export const CreateEnvironmentWizard = ({
                 handleEnvironmentTypeSelect={(type) => {
                   newEnvironment.type = type;
                   setNewEnvironment(newEnvironment);
-                  sendUserActionTrackingEvent(
-                    trackingEvents.ENVIRONMENT_TYPE_BUTTON_CLICKED,
-                    { type }
-                  );
                 }}
                 onNext={goToNextStep}
               />
diff --git a/src/components/RecentActivity/tracking.ts b/src/components/RecentActivity/tracking.ts
index 957ab4a7f..90af331ce 100644
--- a/src/components/RecentActivity/tracking.ts
+++ b/src/components/RecentActivity/tracking.ts
@@ -1,11 +1,10 @@
 import { addPrefix } from "../../utils/addPrefix";
 
 const TRACKING_PREFIX = "recent activity";
-
 export const trackingEvents = addPrefix(
   TRACKING_PREFIX,
   {
-    NAVIGATED_TO_THE_NEWLY_CREATED_PENDING_ENVIRONMENT:
+    NAVIGATED_TO_NEWLY_CREATED_PENDING_ENVIRONMENT:
       "navigated to newly created pending environment",
     ENVIRONMENT_TYPE_BUTTON_CLICKED: "environment type button clicked",
     CHECK_CONNECTION_RESULT_RECEIVED: "check connection result received",
diff --git a/src/components/common/RegistrationDialog/index.tsx b/src/components/common/RegistrationDialog/index.tsx
index 8eead4c5c..a7271c444 100644
--- a/src/components/common/RegistrationDialog/index.tsx
+++ b/src/components/common/RegistrationDialog/index.tsx
@@ -9,6 +9,7 @@ import { UserIcon } from "../icons/UserIcon";
 import { TextField } from "./TextField";
 import { isWorkEmail } from "./isWorkEmail";
 import * as s from "./styles";
+import { trackingEvents } from "./tracking";
 import { RegistrationDialogProps, RegistrationFormValues } from "./types";
 
 const validateEmail = (email: string): string | boolean => {
@@ -56,11 +57,15 @@ export const RegistrationDialog = (props: RegistrationDialogProps) => {
       fullName: data.fullName.trim(),
       email: data.email
     });
-    sendUserActionTrackingEvent("registration dialog form submitted");
+    sendUserActionTrackingEvent(
+      trackingEvents.REGISTRATION_DIALOG_FORM_SUBMITTED
+    );
   };
 
   const handleCloseButtonClick = () => {
-    sendUserActionTrackingEvent("registration dialog close button clicked");
+    sendUserActionTrackingEvent(
+      trackingEvents.REGISTRATION_DIALOG_CLOSE_BUTTON_CLICKED
+    );
     props.onClose();
   };
 
diff --git a/src/components/common/RegistrationDialog/tracking.ts b/src/components/common/RegistrationDialog/tracking.ts
new file mode 100644
index 000000000..6088742d0
--- /dev/null
+++ b/src/components/common/RegistrationDialog/tracking.ts
@@ -0,0 +1,5 @@
+export const trackingEvents = {
+  REGISTRATION_DIALOG_FORM_SUBMITTED: "registration dialog form submitted",
+  REGISTRATION_DIALOG_CLOSE_BUTTON_CLICKED:
+    "registration dialog close button clicked"
+};
diff --git a/src/components/common/icons/16px/RecalculateStartedIcon.tsx b/src/components/common/icons/16px/CheckmarkCircleArrowIcon.tsx
similarity index 84%
rename from src/components/common/icons/16px/RecalculateStartedIcon.tsx
rename to src/components/common/icons/16px/CheckmarkCircleArrowIcon.tsx
index f42a0fb0a..e1ca607da 100644
--- a/src/components/common/icons/16px/RecalculateStartedIcon.tsx
+++ b/src/components/common/icons/16px/CheckmarkCircleArrowIcon.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { useIconProps } from "../hooks";
 import { IconProps } from "../types";
 
-const RecalculateStartedIconComponent = (props: IconProps) => {
+const CheckmarkCircleArrowIconComponent = (props: IconProps) => {
   const { size, color } = useIconProps(props);
 
   return (
@@ -26,6 +26,6 @@ const RecalculateStartedIconComponent = (props: IconProps) => {
   );
 };
 
-export const RecalculateStartedIcon = React.memo(
-  RecalculateStartedIconComponent
+export const CheckmarkCircleArrowIcon = React.memo(
+  CheckmarkCircleArrowIconComponent
 );
diff --git a/src/components/common/icons/16px/CrossIcon.tsx b/src/components/common/icons/16px/CrossIcon.tsx
new file mode 100644
index 000000000..976fa3b0c
--- /dev/null
+++ b/src/components/common/icons/16px/CrossIcon.tsx
@@ -0,0 +1,33 @@
+import React from "react";
+import { useIconProps } from "../hooks";
+import { IconProps } from "../types";
+
+const CrossIconComponent = (props: IconProps) => {
+  const { size, color } = useIconProps(props);
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      fill="none"
+      viewBox="0 0 16 16"
+    >
+      <g
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        clipPath="url(#cross-16px-clip-1)"
+      >
+        <path d="m12.5 3.5-9 9m9 0-9-9" />
+      </g>
+      <defs>
+        <clipPath id="cross-16px-clip-1">
+          <path fill={color} d="M0 0h16v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+
+export const CrossIcon = React.memo(CrossIconComponent);
diff --git a/src/components/common/icons/16px/FourPointedStarWithPlusesIcon.tsx b/src/components/common/icons/16px/FourPointedStarWithPlusesIcon.tsx
new file mode 100644
index 000000000..09004270b
--- /dev/null
+++ b/src/components/common/icons/16px/FourPointedStarWithPlusesIcon.tsx
@@ -0,0 +1,35 @@
+import React from "react";
+import { useIconProps } from "../hooks";
+import { IconProps } from "../types";
+
+const FourPointedStarWithPlusesIconComponent = (props: IconProps) => {
+  const { size, color } = useIconProps(props);
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      fill="none"
+      viewBox="0 0 16 16"
+    >
+      <g
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        clipPath="url(#four-pointed-star-with-pluses-16px-clip-1)"
+      >
+        <path d="M5.05 10.65 1.82 9.47a.5.5 0 0 1 0-.93l3.23-1.19a.5.5 0 0 0 .3-.3l1.18-3.22a.5.5 0 0 1 .93 0l1.19 3.23a.5.5 0 0 0 .3.3l3.22 1.18a.5.5 0 0 1 0 .93l-3.23 1.18a.5.5 0 0 0-.3.3l-1.18 3.23a.5.5 0 0 1-.93 0l-1.18-3.23a.5.5 0 0 0-.3-.3ZM11 1v3m3 .5v2m-4.5-4h3m.5 3h2" />
+      </g>
+      <defs>
+        <clipPath id="four-pointed-star-with-pluses-16px-clip-1">
+          <path fill="#fff" d="M0 0h16v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+
+export const FourPointedStarWithPlusesIcon = React.memo(
+  FourPointedStarWithPlusesIconComponent
+);
diff --git a/src/components/common/icons/16px/RecalculateIcon.tsx b/src/components/common/icons/16px/RecheckIcon.tsx
similarity index 76%
rename from src/components/common/icons/16px/RecalculateIcon.tsx
rename to src/components/common/icons/16px/RecheckIcon.tsx
index 7de6cf717..7220f9e87 100644
--- a/src/components/common/icons/16px/RecalculateIcon.tsx
+++ b/src/components/common/icons/16px/RecheckIcon.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { useIconProps } from "../hooks";
 import { IconProps } from "../types";
 
-const RecalculateComponent = (props: IconProps) => {
+const RecheckIconComponent = (props: IconProps) => {
   const { size, color } = useIconProps(props);
 
   return (
@@ -17,14 +17,14 @@ const RecalculateComponent = (props: IconProps) => {
         stroke={color}
         strokeLinecap="round"
         strokeLinejoin="round"
-        clipPath="url(#recalculate-16px-clip-1)"
+        clipPath="url(#recheck-16px-clip-1)"
       >
         <path d="M12.5 5.5 14 4l-1.5-1.5" />
         <path d="M2 8a4 4 0 0 1 4-4h8M3.5 10.5 2 12l1.5 1.5" />
         <path d="M14 8a4 4 0 0 1-4 4H2" />
       </g>
       <defs>
-        <clipPath id="recalculate-16px-clip-1">
+        <clipPath id="recheck-16px-clip-1">
           <path fill="#fff" d="M0 0h16v16H0z" />
         </clipPath>
       </defs>
@@ -32,4 +32,4 @@ const RecalculateComponent = (props: IconProps) => {
   );
 };
 
-export const RecalculateIcon = React.memo(RecalculateComponent);
+export const RecheckIcon = React.memo(RecheckIconComponent);
diff --git a/src/components/common/v3/NewIconButton/index.tsx b/src/components/common/v3/NewIconButton/index.tsx
index 7d787b3e5..2570dacde 100644
--- a/src/components/common/v3/NewIconButton/index.tsx
+++ b/src/components/common/v3/NewIconButton/index.tsx
@@ -9,6 +9,7 @@ const NewIconButtonComponent = (
     isDisabled,
     icon: Icon,
     buttonType,
+    size = "medium",
     isHighlighted
   }: NewIconButtonProps,
   ref: ForwardedRef<HTMLButtonElement>
@@ -26,6 +27,7 @@ const NewIconButtonComponent = (
       disabled={isDisabled}
       ref={ref}
       $type={buttonType}
+      $size={size}
       $isHighlighted={isHighlighted}
     >
       <Icon size={16} color={"currentColor"} />
diff --git a/src/components/common/v3/NewIconButton/styles.ts b/src/components/common/v3/NewIconButton/styles.ts
index 2b1f3661e..c05c4abe3 100644
--- a/src/components/common/v3/NewIconButton/styles.ts
+++ b/src/components/common/v3/NewIconButton/styles.ts
@@ -43,14 +43,26 @@ export const Button = styled.button<ButtonElementProps>`
   flex-shrink: 0;
   cursor: pointer;
   user-select: none;
-  padding: ${({ $type }) => {
+  padding: ${({ $type, $size }) => {
     switch ($type) {
       case "tertiary":
-        return 6;
+        switch ($size) {
+          case "small":
+            return 4;
+          case "medium":
+          default:
+            return 6;
+        }
       case "secondary":
       case "primary":
       default:
-        return 5;
+        switch ($size) {
+          case "small":
+            return 3;
+          case "medium":
+          default:
+            return 5;
+        }
     }
   }}px;
   color: ${({ theme, $type }) => {
diff --git a/src/components/common/v3/NewIconButton/types.ts b/src/components/common/v3/NewIconButton/types.ts
index 02f7d1c29..32a6e8d1a 100644
--- a/src/components/common/v3/NewIconButton/types.ts
+++ b/src/components/common/v3/NewIconButton/types.ts
@@ -2,6 +2,7 @@ import { ComponentType, MouseEventHandler } from "react";
 import { IconProps } from "../../icons/types";
 
 export type ButtonType = "primary" | "secondary" | "tertiary";
+export type ButtonSize = "medium" | "small";
 
 export interface NewIconButtonProps {
   icon: ComponentType<IconProps>;
@@ -10,9 +11,11 @@ export interface NewIconButtonProps {
   className?: string;
   buttonType?: ButtonType;
   isHighlighted?: boolean;
+  size?: ButtonSize;
 }
 
 export interface ButtonElementProps {
   $type?: ButtonType;
+  $size?: ButtonSize;
   $isHighlighted?: boolean;
 }
diff --git a/src/containers/Main/stores/useInsightsStore.ts b/src/containers/Main/stores/useInsightsStore.ts
index c73d45151..63cb210e5 100644
--- a/src/containers/Main/stores/useInsightsStore.ts
+++ b/src/containers/Main/stores/useInsightsStore.ts
@@ -35,7 +35,7 @@ export const initialState: InsightsState = {
   search: "",
   page: 0,
   sorting: {
-    criterion: SORTING_CRITERION.LATEST,
+    criterion: SORTING_CRITERION.CRITICAL_INSIGHTS,
     order: SORTING_ORDER.DESC
   },
   viewMode: ViewMode.All,