update version: 0.6.8

package.json

 {
 	"name": "boxdialer",
-	"version": "0.6.7",
+	"version": "0.6.8",
 	"description": "",
 	"main": "src/boxDialer.js",
 	"scripts": {

src/components/TailwindComponents/DropDown.jsx

@@ -2,19 +2,13 @@
 
 import { Menu, Transition } from '@headlessui/react';
 import React, { Fragment } from 'react';
-import { styled } from 'styled-components';
 
 function classNames(...classes) {
 	return classes.filter(Boolean).join(' ');
 }
 
-const Container = styled.div`
-	
-`;
-
 const DropDownTailwind = ({ reasons, reason, selectFunc }) => {
 	return (
-		<Container>
 		<Menu as='div' className='text-left w-full h-full'>
 			<div className='w-full'>
 				<Menu.Button
@@ -47,9 +41,7 @@ const DropDownTailwind = ({ reasons, reason, selectFunc }) => {
 									{({ active }) => (
 										<p
 											className={classNames(
-													active
-														? 'bg-gray-100 text-gray-900'
-														: 'text-gray-700',
+												active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
 												'block px-5 py-1 text-lg',
 											)}>
 											{value}
@@ -62,7 +54,6 @@ const DropDownTailwind = ({ reasons, reason, selectFunc }) => {
 				</Transition>
 			)}
 		</Menu>
-		</Container>
 	);
 };
 

src/components/WidjetButton/index.jsx

@@ -248,6 +248,7 @@ const WidjetButton = ({ data, onSetDnd, position }) => {
 				</ModalPhoneDropDowm>
 			</WidjetBlock>
 			<Modal
+				className='tailwindGlobalCss'
 				callAnswerType={modalState.callType}
 				hidden={
 					modalState.bool

src/index.css

-* {
+/* * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
-}
+} */
 
 /* @tailwind base;
 @tailwind components;
 @tailwind utilities; */
+.tailwindGlobalCss{
+  border: 5px solid red;
+} 
\ No newline at end of file