diff --git a/frontend/src/components/EnumComponent.tsx b/frontend/src/components/EnumComponent.tsx
index 42cdf9d..93b946b 100644
--- a/frontend/src/components/EnumComponent.tsx
+++ b/frontend/src/components/EnumComponent.tsx
@@ -1,13 +1,5 @@
-import React, { useEffect, useRef, useState } from 'react';
-import {
-  OverlayTrigger,
-  Badge,
-  Tooltip,
-  InputGroup,
-  Form,
-  Row,
-  Col
-} from 'react-bootstrap';
+import React, { useEffect, useRef } from 'react';
+import { InputGroup, Form, Row, Col } from 'react-bootstrap';
 import { socket } from '../socket';
 import { DocStringComponent } from './DocStringComponent';
 
@@ -40,7 +32,7 @@ export const EnumComponent = React.memo((props: EnumComponentProps) => {
       <p>Render count: {renderCount.current}</p>
       <DocStringComponent docString={docString} />
       <Row>
-        <Col className="col-2 d-flex align-items-center">
+        <Col className="col-5 d-flex align-items-center">
           <InputGroup.Text>{name}</InputGroup.Text>
           <Form.Select
             aria-label="Default select example"
diff --git a/frontend/src/components/MethodComponent.tsx b/frontend/src/components/MethodComponent.tsx
index 18be070..80307ae 100644
--- a/frontend/src/components/MethodComponent.tsx
+++ b/frontend/src/components/MethodComponent.tsx
@@ -6,7 +6,7 @@ import { DocStringComponent } from './DocStringComponent';
 interface MethodProps {
   name: string;
   parent_path: string;
-  parameters: { [key: string]: string };
+  parameters: Record<string, string>;
   docString?: string;
   hideOutput?: boolean;
 }
@@ -61,7 +61,7 @@ export const MethodComponent = React.memo((props: MethodProps) => {
 
   return (
     <div
-      className="col-3 align-items-center method"
+      className="col-5 align-items-center method"
       id={parent_path.concat('.' + name)}>
       <p>Render count: {renderCount.current}</p>
       <h5 onClick={() => setHideOutput(!hideOutput)} style={{ cursor: 'pointer' }}>
diff --git a/frontend/src/components/NumberComponent.tsx b/frontend/src/components/NumberComponent.tsx
index 44f8444..21d01a8 100644
--- a/frontend/src/components/NumberComponent.tsx
+++ b/frontend/src/components/NumberComponent.tsx
@@ -210,7 +210,7 @@ export const NumberComponent = React.memo((props: ButtonComponentProps) => {
       <p>Render count: {renderCount.current}</p>
       <DocStringComponent docString={docString} />
       <div className="row">
-        <div className="col-2 d-flex">
+        <div className="col-5 d-flex">
           <InputGroup>
             <InputGroup.Text>{name}</InputGroup.Text>
             <Form.Control