From 1fce8d0c03ea261745ba8811fd26f90fc0d85c91 Mon Sep 17 00:00:00 2001
From: Artem Tarasov <artem.tarasov@onlyoffice.com>
Date: Thu, 5 Nov 2020 16:56:15 +0300
Subject: [PATCH] Web: Components: toggle-button: fixed size icon

---
 .../src/components/toggle-button/index.js                 | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/ASC.Web.Components/src/components/toggle-button/index.js b/web/ASC.Web.Components/src/components/toggle-button/index.js
index 0ee502f2fe..f242e2f7d4 100644
--- a/web/ASC.Web.Components/src/components/toggle-button/index.js
+++ b/web/ASC.Web.Components/src/components/toggle-button/index.js
@@ -37,7 +37,9 @@ const ToggleButtonContainer = styled.label`
           `
         : ""}
   }
-
+  .toggle-button {
+    min-width: 28px;
+  }
   .toggleText {
     margin-top: 2px;
   }
@@ -52,7 +54,9 @@ const HiddenInput = styled.input`
 
 const ToggleIcon = ({ isChecked }) => {
   const iconName = isChecked ? "ToggleButtonCheckedIcon" : "ToggleButtonIcon";
-  return <>{React.createElement(Icons[iconName])}</>;
+  return (
+    <>{React.createElement(Icons[iconName], { className: "toggle-button" })}</>
+  );
 };
 
 class ToggleButton extends Component {