From bccef563c4362a4b3a8d87527cb05ff645ec912f Mon Sep 17 00:00:00 2001
From: satbir121 <39981226+satbir121@users.noreply.github.com>
Date: Mon, 24 Aug 2020 11:12:19 +0530
Subject: [PATCH] Alignment of icon button is to right (#372)

---
 app/client/src/widgets/IconWidget.tsx | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/app/client/src/widgets/IconWidget.tsx b/app/client/src/widgets/IconWidget.tsx
index 6841a6f82e..57ba12a34a 100644
--- a/app/client/src/widgets/IconWidget.tsx
+++ b/app/client/src/widgets/IconWidget.tsx
@@ -2,12 +2,16 @@ import React from "react";
 import BaseWidget, { WidgetProps, WidgetState } from "./BaseWidget";
 import { TriggerPropertiesMap } from "utils/WidgetFactory";
 import { WidgetType, WidgetTypes } from "constants/WidgetConstants";
-
+import styled from "styled-components";
 import IconComponent, {
   IconType,
 } from "components/designSystems/appsmith/IconComponent";
 import { EventType, ExecutionResult } from "constants/ActionConstants";
 
+const IconWrapper = styled.div`
+  display: flex;
+  justify-content: flex-end;
+`;
 class IconWidget extends BaseWidget<IconWidgetProps, WidgetState> {
   static getTriggerPropertyMap(): TriggerPropertiesMap {
     return {
@@ -32,13 +36,15 @@ class IconWidget extends BaseWidget<IconWidgetProps, WidgetState> {
 
   getPageView() {
     return (
-      <IconComponent
-        iconName={this.props.iconName}
-        disabled={this.props.disabled}
-        iconSize={this.props.iconSize}
-        color={this.props.color}
-        onClick={this.onClick}
-      />
+      <IconWrapper>
+        <IconComponent
+          iconName={this.props.iconName}
+          disabled={this.props.disabled}
+          iconSize={this.props.iconSize}
+          color={this.props.color}
+          onClick={this.onClick}
+        />
+      </IconWrapper>
     );
   }