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>
     );
   }