From 412b85f1f43efb6dafb9e8cef98f152c55aaaf9a Mon Sep 17 00:00:00 2001
From: Kohei Suzuki <koheisuzuki@me.com>
Date: Wed, 20 Sep 2023 14:44:39 +0200
Subject: [PATCH] Modify css styling for translation component

---
 frontend/src/Translation/TranslationCard.css | 2 --
 frontend/src/Translation/TranslationCard.tsx | 3 ++-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Translation/TranslationCard.css b/frontend/src/Translation/TranslationCard.css
index 1f2c4d7..d835782 100644
--- a/frontend/src/Translation/TranslationCard.css
+++ b/frontend/src/Translation/TranslationCard.css
@@ -9,6 +9,4 @@
     margin: 0;
     background: #FDF6E1;
     border: 1px;
-    borderColor: "rgba(122,119,119,0.3)";
-    borderRadius: '15px'
 }
diff --git a/frontend/src/Translation/TranslationCard.tsx b/frontend/src/Translation/TranslationCard.tsx
index ebc61f2..c162e6c 100644
--- a/frontend/src/Translation/TranslationCard.tsx
+++ b/frontend/src/Translation/TranslationCard.tsx
@@ -35,7 +35,8 @@ export default function TranslationCard() {
                      alt={"translation-logo"}/>
             </div>
             <div className={"translation"}>
-                <Card className="translation-card" sx={{boxShadow: 0}}>
+                <Card className="translation-card" sx={{boxShadow: 0,  borderColor: "rgba(122,119,119,0.3)",
+                    borderRadius: '15px'}}>
                     <CardContent>
                         <Typography sx={{fontSize: 14}} color="text.secondary" gutterBottom component="div">
                             Translate into Japanese