Fix disparity in the styles of local and release builds.

app/client/src/components/designSystems/appsmith/FilePickerComponent.tsx

@@ -26,7 +26,8 @@ class FilePickerComponent extends React.Component<
     return (
       <React.Fragment>
         <BaseButton
-          accent={"primary"}
+          accent="primary"
+          filled
           className={this.props.isLoading ? "bp3-skeleton" : ""}
           text={
             this.props.files && this.props.files.length === 0

app/client/src/components/designSystems/blueprint/ButtonComponent.tsx

@@ -31,7 +31,7 @@ const ButtonColorStyles = css<ButtonStyleProps>`
 const ButtonWrapper = styled((props: ButtonStyleProps & IButtonProps) => (
   <AnchorButton {..._.omit(props, ["accent", "filled"])} />
 ))<ButtonStyleProps>`
-  && {
+  &&&& {
     ${ButtonColorStyles};
     width: 100%;
     height: 100%;
@@ -48,7 +48,6 @@ const ButtonWrapper = styled((props: ButtonStyleProps & IButtonProps) => (
     font-family: "DM Sans";
     outline: none;
     &.bp3-button {
-      min-height: auto;
       padding: 0px 10px;
     }
     && .bp3-button-text {

app/client/src/components/editorComponents/NavBarItem.tsx

@@ -27,7 +27,8 @@ const IconContainer = styled.div`
 `;
 
 const ItemContainer = styled.div`
-  a {
+  && {
+    a {
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -53,6 +54,7 @@ const ItemContainer = styled.div`
       }
     }
   }
+}
 `;
 
 class NavBarItem extends React.Component<Props> {

app/client/src/pages/Editor/EditorSidebar.tsx

@@ -120,7 +120,7 @@ const DraftIconIndicator = styled.span<{ isHidden: boolean }>`
 `;
 
 const CreateNewButton = styled(BaseButton)`
-  && {
+  &&&& {
     border: none;
     color: ${props => props.theme.colors.textOnDarkBG};
     height: 32px;

app/client/src/pages/Editor/WidgetsEditor.tsx

@@ -56,10 +56,9 @@ const WidgetsEditor = (props: EditorProps) => {
   const { pageId } = params;
   const canvasContainer: MutableRefObject<HTMLElement | null> = useRef(null);
 
-  const handleWrapperClick = (e: any) => {
+  const handleWrapperClick = () => {
     focusWidget && focusWidget();
     selectWidget && selectWidget();
-    e.preventDefault();
   };
   /* eslint-disable react-hooks/exhaustive-deps */
   useEffect(() => {

app/client/src/pages/UserAuth/StyledComponents.tsx

@@ -11,17 +11,19 @@ export const AuthContainer = styled.section`
 `;
 
 export const AuthCard = styled(Card)`
-  width: ${props => props.theme.authCard.width}px;
-  background: ${props => props.theme.authCard.background};
-  border-radius: ${props => props.theme.authCard.borderRadius}px;
-  padding: ${props => props.theme.authCard.padding}px;
-  box-shadow: ${props => props.theme.authCard.shadow};
-  border: none;
-  & h1,
-  h5 {
-    padding: 0;
-    margin: 0;
-    font-weight: ${props => props.theme.fontWeights[1]};
+  && {
+    width: ${props => props.theme.authCard.width}px;
+    background: ${props => props.theme.authCard.background};
+    border-radius: ${props => props.theme.authCard.borderRadius}px;
+    padding: ${props => props.theme.authCard.padding}px;
+    box-shadow: ${props => props.theme.authCard.shadow};
+    border: none;
+    & h1,
+    h5 {
+      padding: 0;
+      margin: 0;
+      font-weight: ${props => props.theme.fontWeights[1]};
+    }
   }
 `;