From 3e856da2e48463c874687e9a5b1f67488a1e0931 Mon Sep 17 00:00:00 2001
From: Ivana Huckova <30407135+ivanahuckova@users.noreply.github.com>
Date: Mon, 10 Oct 2022 17:59:13 +0200
Subject: [PATCH] LabelFilters: Remove redundant css styling (#56653)

* LabelFilters: Remove redundant css

* Remove unused import
---
 .../querybuilder/shared/LabelFilterItem.tsx          | 12 ------------
 1 file changed, 12 deletions(-)

diff --git a/public/app/plugins/datasource/prometheus/querybuilder/shared/LabelFilterItem.tsx b/public/app/plugins/datasource/prometheus/querybuilder/shared/LabelFilterItem.tsx
index 15ad6e9ae14..9141ff665f9 100644
--- a/public/app/plugins/datasource/prometheus/querybuilder/shared/LabelFilterItem.tsx
+++ b/public/app/plugins/datasource/prometheus/querybuilder/shared/LabelFilterItem.tsx
@@ -1,4 +1,3 @@
-import { css } from '@emotion/css';
 import { uniqBy } from 'lodash';
 import React, { useState } from 'react';
 
@@ -58,16 +57,6 @@ export function LabelFilterItem({
     return uniqBy([...selectedOptions, ...labelValues], 'value');
   };
 
-  /**
-   * !important here is necessary to show invalid border on all 4 sides of select.
-   * Without it, the invalid state is only visible on 3 sides as the right side is overridden in InputGroup.
-   */
-  const invalidClassNameOverride = invalidLabel
-    ? css`
-        margin-left: 0 !important;
-      `
-    : '';
-
   return (
     <div data-testid="prometheus-dimensions-filter-item">
       <InputGroup>
@@ -107,7 +96,6 @@ export function LabelFilterItem({
               onChange({ ...item, op: change.value } as any as QueryBuilderLabelFilter);
             }
           }}
-          className={invalidClassNameOverride}
         />
 
         <Select