separation of icons

libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx

@@ -205,9 +205,10 @@ export const TabsUI = (props: TabsUIProps) => {
                 }
               }}
             >
-              <i className="fad fa-play"></i>
+              <i className="fas fa-play"></i>
             </button>
           </CustomTooltip>
+          <div className= "border-left ml-2" style={{height: "3em"}}></div>
           <CustomTooltip
             placement="bottom"
             tooltipId="overlay-tooltip-explaination"
@@ -237,7 +238,7 @@ export const TabsUI = (props: TabsUIProps) => {
                 }
               }}
             >
-              <i className={`fa-solid fa-user-robot ${explaining ? 'loadingExplanation' : ''}`}></i>
+              <i className={`fas fa-user-robot ${explaining ? 'loadingExplanation' : ''}`}></i>
             </button>
           </CustomTooltip>
           <CustomTooltip
@@ -267,7 +268,7 @@ export const TabsUI = (props: TabsUIProps) => {
               }}
             >
               <i
-                className={ai_switch ? "fa-solid fa-toggle-on" : "fa-solid fa-toggle-off"}
+                className={ai_switch ? "fas fa-toggle-on" : "fas fa-toggle-off"}
               ></i>
               <span
                 className="position-relative text-ai text-sm pl-1"
@@ -278,6 +279,8 @@ export const TabsUI = (props: TabsUIProps) => {
             </button>
           </CustomTooltip>
 
+          <div className= "border-left ml-2" style={{height: "3em"}}></div>
+
           <CustomTooltip placement="bottom" tooltipId="overlay-tooltip-zoom-out" tooltipText={<FormattedMessage id="remixUiTabs.zoomOut" />}>
             <span data-id="tabProxyZoomOut" className="btn fas fa-search-minus text-dark pl-2 pr-0 py-0 d-flex" onClick={() => props.onZoomOut()}></span>
           </CustomTooltip>