diff --git a/app/package.json b/app/package.json
index 0de4e25..aab521c 100644
--- a/app/package.json
+++ b/app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dev-portfolio",
-  "version": " 0.4.1",
+  "version": "v0.4.2",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
diff --git a/app/src/lib/common/theme.ts b/app/src/lib/common/theme.ts
index 389c097..9c39c52 100644
--- a/app/src/lib/common/theme.ts
+++ b/app/src/lib/common/theme.ts
@@ -3,7 +3,8 @@ import { MainTypes } from './types/main';
 
 export const MAIN: MainTypes = {
   MAIN_COLOR: '#434521',
-}
+  MAIN_COLOR_TRANSPARENT: '#43452155',
+};
 
 export const GAPS: GapTypes = {
   NARROWER: '10px',
diff --git a/app/src/lib/common/types/main.ts b/app/src/lib/common/types/main.ts
index 4bb4c52..1c91616 100644
--- a/app/src/lib/common/types/main.ts
+++ b/app/src/lib/common/types/main.ts
@@ -1,3 +1,4 @@
 export interface MainTypes {
   MAIN_COLOR: string;
+  MAIN_COLOR_TRANSPARENT: string;
 }
diff --git a/app/src/lib/components/TechStack/TechStackInput.tsx b/app/src/lib/components/TechStack/TechStackInput.tsx
index c9219ec..fd1fee6 100644
--- a/app/src/lib/components/TechStack/TechStackInput.tsx
+++ b/app/src/lib/components/TechStack/TechStackInput.tsx
@@ -5,6 +5,7 @@ import {
   TechStackInputContainerStyledPropsType,
   TechStackInputStyledPropsType,
 } from '../../common/types/ComponentTypes/TechStack/TechStackInputType';
+import { MAIN } from '../../common/theme';
 
 const TechStackInput = () => {
   const [_, setInputValue] = useState('');
@@ -32,10 +33,12 @@ const TechStackInput = () => {
             {icons?.length >= 1
               ? icons.map((icon, idx) => {
                   return (
-                    <TechStackEachBox key={idx}>
-                      <Icon icon={icon} fontSize={'50px'} />
-                      <TechStackName>{icon}</TechStackName>
-                    </TechStackEachBox>
+                    <TechStackEachBoxContainer key={idx}>
+                      <TechStackEachBox>
+                        <Icon icon={icon} fontSize={'50px'} />
+                        <TechStackName>{(icon as string).replace('logos:', '')}</TechStackName>
+                      </TechStackEachBox>
+                    </TechStackEachBoxContainer>
                   );
                 })
               : 'There are no icons you entered.'}
@@ -94,14 +97,23 @@ const ModalBackground = styled.div`
   background-color: rgba(0, 0, 0, 0.65);
 `;
 
-const TechStackEachBox = styled.div`
-  cursor: pointer;
+const TechStackEachBoxContainer = styled.div`
   display: inline-block;
   margin: 16px 16px 16px 0px;
   border-radius: 4px;
 `;
 
+const TechStackEachBox = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: 0 4px 0px 4px;
+  padding: 8px;
+  border: 1px solid ${MAIN.MAIN_COLOR_TRANSPARENT};
+  border-radius: 4px;
+`;
+
 const TechStackName = styled.span`
-  margin: 8px 0px;
+  margin-top: 8px;
   font-weight: bold;
 `;