From ebd728a99a5a73dcbfcf5f154dbf1b484fea2233 Mon Sep 17 00:00:00 2001
From: Sven Grossmann <sven.grossmann@grafana.com>
Date: Tue, 13 Dec 2022 16:23:16 +0100
Subject: [PATCH] Logs: Fix Logs Pagination Button styling (#60219)

use css class rather css strings
---
 public/app/features/explore/LogsNavigationPages.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/public/app/features/explore/LogsNavigationPages.tsx b/public/app/features/explore/LogsNavigationPages.tsx
index 2e3a35570db..bcaf2303c08 100644
--- a/public/app/features/explore/LogsNavigationPages.tsx
+++ b/public/app/features/explore/LogsNavigationPages.tsx
@@ -51,7 +51,7 @@ export function LogsNavigationPages({
             <button
               type="button"
               data-testid={`page${index + 1}`}
-              className={styles.page}
+              className={cx(clearButtonStyles(theme), styles.page)}
               key={page.queryRange.to}
               onClick={() => {
                 reportInteraction('grafana_explore_logs_pagination_clicked', {
@@ -102,7 +102,6 @@ const getStyles = (theme: GrafanaTheme2, loading: boolean) => {
       flex-direction: column;
     `,
     page: css`
-      ${clearButtonStyles(theme)}
       display: flex;
       margin: ${theme.spacing(2)} 0;
       cursor: ${loading ? 'auto' : 'pointer'};