Shared/Client: Fixed styles for upload panel because of adding an icon.

packages/client/src/components/panels/StyledPanels.js

@@ -716,7 +716,18 @@ const StyledUploadHeader = styled.div`
   width: 100%;
   display: flex;
   align-items: center;
-  justify-content: space-between;
+
+  .icons-container {
+    margin-left: 16px;
+    margin-right: 16px;
+  }
+
+  .title-container {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    user-select: none;
+  }
 `;
 
 const StyledUploadBody = styled.div`

packages/client/src/components/panels/UploadPanel/index.js

@@ -132,8 +132,8 @@ class UploadPanelComponent extends React.Component {
       >
         <ModalDialog.Header>
           <StyledUploadHeader>
-            <div>{title}</div>
-            <div>
+            <div className="title-container">{title}</div>
+            <div className="icons-container">
               {uploaded && converted ? (
                 <IconButton
                   size={17}

packages/shared/components/filter/Filter.styled.ts

@@ -240,12 +240,14 @@ const StyledFilterBlockHeader = styled.div<{ isSelector?: boolean }>`
 
   display: flex;
   align-items: center;
-  justify-content: ${(props) => (props.isSelector ? "start" : "space-between")};
 
   h1 {
     font-weight: 700;
   }
 
+  #filter_search-options-clear {
+    margin-left: 16px;
+  }
   .arrow-button {
     ${(props) =>
       props.theme.interfaceDirection === "rtl"