diff --git a/src/base.css b/src/base.css
index 409bda8..815530b 100644
--- a/src/base.css
+++ b/src/base.css
@@ -14,7 +14,6 @@
background: var(--colab-primary-surface-color);
border: 1px solid var(--colab-border-color);
border-radius: 3px;
- box-shadow: var(--box-shadow-elevation-2dp);
color: var(--colab-primary-text-color);
height: 24px;
margin: 0 11px;
@@ -51,6 +50,17 @@
padding: 0 8px;
}
+
+.submit-button {
+ height: 30px;
+ z-index: 20;
+ border: none;
+ border-radius: 3px;
+ font-family: var(--colab-chrome-font-family);
+ height: 24px;
+ padding: 0 8px;
+}
+
.prompt-select,
.prompt-area {
background: var(--colab-primary-surface-color);
diff --git a/src/content-script/ChatGPTCard.tsx b/src/content-script/ChatGPTCard.tsx
index 60a5508..9925b1c 100644
--- a/src/content-script/ChatGPTCard.tsx
+++ b/src/content-script/ChatGPTCard.tsx
@@ -1,5 +1,4 @@
import { useState } from 'preact/hooks';
-import { useId } from 'react';
import { Language, UserConfig } from '../config';
import Accordion from './accordion';
import ChatGPTQuery from './ChatGPTQuery';
@@ -13,7 +12,7 @@ interface Props {
function ChatGPTCard({ question, userConfig }: Props) {
const [prompt, setPrompt] = useState('');
- const id = useId();
+ const id = new Date().getTime();
const [includeCurrentCell, setIncludeCurrentCell] = useState(true);
@@ -42,7 +41,7 @@ function ChatGPTCard({ question, userConfig }: Props) {
-